javascript - 选择具有相同类别的元素后更改日期属性值

Question

我需要更改每个元素的值日期，但在循环结束时所有元素都被赋予相同的属性=/

fiddle

var el = $(".div-parent").find(".div-children");
 $(el).each(function( index ) {
    el.attr('data-attr',parseInt(el.attr('data-attr'))+1);
 }); 
 $(el).each(function( index ) {
     $(".div-parent").append('<br/>elemment '+el.attr('data-attr'));
 });

输出:

elemment 1
elemment 2
elemment 3

elemment 4
elemment 4
elemment 4

期望的输出:

elemment 1
elemment 2
elemment 3

elemment 2
elemment 3
elemment 4

Answer 1

根据您的 fiddle 中的 jQuery，听起来您想要:

Updated Example

$(".div-parent .div-children").each(function(index) {
  $(this).attr('data-attr', parseInt($(this).attr('data-attr'), 10) + 1);
  $(".div-parent").append('<br/>elemment ' + $(this).attr('data-attr'));
});

问题是您得到的是 data-attr每次 jQuery 对象中第一个元素的属性。换句话说，1被增加了 3 次(因为你循环了元素 3 次)，结果是 4。通过访问 this 访问每次迭代中当前元素的属性。 .

作为一个 since note，您可能应该指定一个 radix parseInt 中的值功能。在这种情况下，10 .