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

时间:2013-08-16 15:37:28

标签: javascript jquery html5

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

类似的东西(但很明显,它不起作用)

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

不知道如何实现这一点,请帮忙! :)

1 个答案:

答案 0 :(得分: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