js如何实现修改div的id值?

<div class="picbox">
<div id="ppic1" class="ppic"></div>
<div id="ppic1" class="ppic"></div>
<div id="ppic1" class="ppic"></div>
<div id="ppic1" class="ppic"></div>
</div>
修改为:区域为 <div class="picbox"> </div>
<div class="picbox">
<div id="ppic1" class="ppic"></div>
<div id="ppic2" class="ppic"></div>
<div id="ppic3" class="ppic"></div>
<div id="ppic4" class="ppic"></div>
</div>

js的我不清楚,我知道点jquery的:

$(function(){
    var str=$(".picbox").index();
    for(var i=0;i<=str;i++){
        $(".picbox div").eq(i).attr("id","ppic"+(i+1));
        //测试
        alert($(".picbox div").eq(i).attr("id"));
    }
});

追问

你这个可以通过,ppic1-ppic8 一共8个那个怎么改!

追答

也是一样的,我上面的也是可以的,jquery的index();就是获取你的类 .picbox 里面有多少个div,是从0开启数起的,所以我在改ID是加1了:(i+1)

追问

为什么后面4个不变化!前面4个是OK的!

追答

不好意思,之前的jquery写漏了一点,:   

var str=$(".picbox div").index();

温馨提示:答案为网友推荐,仅供参考
相似回答