How to pass a variable into a jQuery attribute-contains selector?



Yes, it is possible to pass a variable into a jQuery attribute-contains selector. The [attribute*=value] selector is used to select each element with a specific attribute and a value containing a string.

Example

You can try to run the following code to learn how to pass a variable into a jQuery attribute-contains selector:

Live Demo

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(function() {   var testString = "vp-485858383";   $('[data-vp*="id: ' +  testString + '"]').css('color', 'blue'); }); </script> </head> <body> <div data-vp='{    id: vp-485858383,    customTwo: "test" }'> Hello World </div> </body> </html>
Updated on: 2019-12-06T11:09:32+05:30

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements