jQuery: Find the element with a particular custom attribute

Question

I just want to find the element with a particular value for a custom attribute.

E.g. I want to find a the div which has the attribute data-divNumber="6".

var number = 6;
var myDiv = $('[data-divNumber = number]');

I tried using http://api.jquery.com/attribute-equals-selector/ but what I've done doesn't work.

There is precisely one element with that particular value for the attribute.

Answer 1

var number = 6;
var myDiv = $('div[data-divNumber="' + number + '"]');

Answer 2

You need to do some string addition to get the number into your selector and the value needs to be quoted.

var number = 6;
var myDiv = $('[data-divNumber="' + number + '"]');

What you're trying to produce after the string addition is this result:

$('[data-divNumber="6"]');

Answer 3

I think what you need is:

var number = 6;
var myDiv = $('[data-divNumber="'+number+'"]');

Answer 4

With ES6 you can use string interpolation:

let number = 6;
let myDiv = $(`div[data-divNumber="${number}"]`);