使用數據屬性和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

可以使用attribute selector

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

演示：Fiddle