jquery - 如何使用 jQuery 从具有随机数的属性类 Div 中制作序列号？

Question

我有一个div这样的：

<div id="masterDiv">
  <div id="childDiv" class="3" ></div>
  <div id="childDiv" class="5" ></div>
  <div id="childDiv" class="10" ></div>
</div>

单击时如何使属性中的值class成为序列号？像这样：

<div id="masterDiv">
  <div id="childDiv" class="1" ></div>
  <div id="childDiv" class="2" ></div>
  <div id="childDiv" class="3" ></div>
</div>

Answer 1

$(document).ready(function(){
    $("#masterDiv > div").each(function(i, item){
        $(this).attr("class", i + 1);      
    });            
});​

Answer 2

理想的 id 值应该是唯一的。这就是使用 id 的全部目的。在你的情况下，而不是 id 使用多个类名

<div id="masterDiv">
 <div class="childDiv 3" ></div>
 <div class="childDiv 5" ></div>
 <div class="childDiv 10" ></div>
</div>

然后试试这个（我稍微修改了罗里的解决方案）

$(".childDiv").each(function(index) {
 $(this).removeClass().addClass(index + 1).addClass("childDiv");
});

Answer 3

尝试这个：

$(".childDiv").each(function(index) {
    $(this).removeClass().addClass(index);
});

Answer 4

代码示例：

$("#masterDiv > div").attr("class", function(arr) {return "classname"+arr;})
});