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.

Matt Ball · Accepted Answer · 2011-12-25 05:52:41Z

86

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

edited Dec 25, 2011 at 5:52

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

answered Dec 25, 2011 at 5:51

Ali Foroughi

4,6097 gold badges45 silver badges67 bronze badges

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

1 Comment

Chro Over a year ago

So does putting the div in here $('div[... specify only to look at div elements?

jfriend00 · Accepted Answer · 2011-12-25 05:52:58Z

8

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

answered Dec 25, 2011 at 5:52

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Comments

legendofawesomeness · Accepted Answer · 2011-12-25 05:53:11Z

2

I think what you need is:

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

answered Dec 25, 2011 at 5:53

legendofawesomeness

2,9212 gold badges21 silver badges32 bronze badges

Comments

Amuxix · Accepted Answer · 2019-11-21 02:28:32Z

1

With ES6 you can use string interpolation:

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

answered Nov 21, 2019 at 2:28

Amuxix

415 bronze badges

Collectives™ on Stack Overflow

jQuery: Find the element with a particular custom attribute

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related