Question

我需要为搜索结果页面上的每个新父元素添加HTML数据属性。此Data属性需要以值1开头，然后根据父元素的数量增加。

示例：

<div class="hello" data-sort="1"></div>
<div class="hello" data-sort="2"></div>
<div class="hello" data-sort="3"></div>
<div class="hello" data-sort="4"></div>
ect...

希望用jQuery解决这个问题。无法弄明白自己，任何帮助都会非常感激！

Answer 1

做这样的事情

var $hello = $('.hello');
for(var i = 0; i < $hello.length; i++){
  $hello.attr('data-sort', i +1);
}

Answer 2

jQuery解决方案：

$("div").each(function(index){
    $(this).attr("data-sort", index);
});

可以修改

$("div")以选择“父”元素的任何含义。

Answer 3

您将遍历每个类（在这种情况下为hello）并使用递增变量（注意它从零开始）：

$( ".hello" ).each(function( index ) {
  $(this).attr("data-sort", index + 1 );
});

添加值增加的HTML数据属性

3 个答案: