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

jQuery Web Development Front End Technology

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>