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"]');