Pass variable into jQuery attribute-contains selector

Question

Is it possible to pass a variable into a jQuery attribute-contains selector?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-vp='{
  id: vp-485858383,
  customTwo: "test"
}'>
asdf
</div>

$(function() {
    var testString = "vp-485858383";
  $('[data-vp*="id: ${testString}"]').css('color', 'red');
});

I have also tried:

$('[data-vp*="id:' +  testString + '"]').css('color', 'red');

JS Fiddle

Mohamed-Yousef · Accepted Answer · 2017-05-23 01:02:49Z

2

you just need a space after id:

$(function() {
    var testString = "vp-485858383";
  $('[data-vp*="id: ' +  testString + '"]').css('color', 'red');
});

Demo

$(function() {
	var testString = "vp-485858383";
  $('[data-vp*="id: ' +  testString + '"]').css('color', 'red');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-vp='{
      id: vp-485858383,
      customTwo: "test"
}'>
asdf
</div>

answered May 23, 2017 at 1:02

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

cpcdev Over a year ago

That's it. Thanks!

Collectives™ on Stack Overflow

Pass variable into jQuery attribute-contains selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related