使用数据属性和jQuery，如何通过数据属性名称和数据属性值选择元素

Question

我需要通过数据属性名称和数据属性值选择元素。

类似的东西（但显然，它不起作用）

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

不知道该如何实现，请帮忙！ :)

Answer 1

您可以使用属性选择器

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

由于选择器.my-class被重复，因此您可以对其进行缓存

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);                                
}

演示： 小提琴