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=\

Answer 1

With ES6 you can use string interpolation:

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

Answer 2

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

Answer 3

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 4

I think what you need is:

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