1

私は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>
4

4 に答える 4

2
$(document).ready(function(){
    $("#masterDiv > div").each(function(i, item){
        $(this).attr("class", i + 1);      
    });            
});​
于 2012-04-21T10:16:53.410 に答える
1

id 値は一意であることが理想的です。それがIDを使用する全体の目的です。あなたの場合、idの代わりに複数のクラス名を利用します

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

次に、これを試してください(Roryのソリューションを少し変更しました)

$(".childDiv").each(function(index) {
 $(this).removeClass().addClass(index + 1).addClass("childDiv");
});
于 2012-04-21T10:28:29.003 に答える
0

これを試して:

$(".childDiv").each(function(index) {
    $(this).removeClass().addClass(index);
});
于 2012-04-21T10:14:11.860 に答える