Using data attributes and jQuery how can I select elements by data attribute name AND data attribute value

Question

I need to select elements by data attribute name AND data attribute value.

Something like (but obviously, it doesn't work)

for(var i=0; i<x.length; i++){
    var y = $('.my-class').attr('data-id', i); //trying to select here
    y.html('input' + i);                                
}

Have no idea how to achieve this, please help! :)

Arun P Johny · Accepted Answer · 2013-08-16 15:38:25Z

1

you can use attribute selector

var y = $('.my-class[data-id="' + i + '"]');

since the selector .my-class is repeated, you can cache it

var els = $('.my-class');
for(var i=0; i<x.length; i++){
    var y = els.filter('[data-id="' + i + '"]'); //trying to select here
    y.html('input' + i);                                
}

Demo: Fiddle

answered Aug 16, 2013 at 15:38

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

Using data attributes and jQuery how can I select elements by data attribute name AND data attribute value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related