jquery中.each()遍历元素遇到的问题

今天开发中遇到一个问题,我要遍历以下li元素:

<div id="viewpage" class="list">
    <ul>
        <li class="p6"><a href="#"><img class="viewpage" src="http://appimg.pba.cn/2019/04/04/d86169488bbc30698d664d90413c454c.jpg" alt="" /></a></li>
        <li class="p5"><a href="#"><img class="viewpage" src="http://appimg.pba.cn/2019/04/04/77caa7833c7784d2d0c889d782cf3bf3.jpg" alt="" /></a></li>
        <li class="p4"><a href="#"><img class="viewpage" src="http://appimg.pba.cn/2019/04/04/65f21b044d777810878df4649705c462.jpg" alt="" /></a></li>
        <li class="p3"><a href="#"><img class="viewpage" src="http://appimg.pba.cn/2019/04/04/e73b28cac8dd7b82e9a5f117911cc3eb.jpg" alt="" /></a></li>
        <li class="p2"><a href="#"><img class="viewpage" src="http://appimg.pba.cn/2019/04/04/d642361216cdcaf9bbff236d76345e3a.jpg" alt="" /></a></li>
        <li class="p1"><a href="#"><img class="viewpage" src="http://appimg.pba.cn/2019/04/04/d1d46ba0fa1d71cbfadd86d91e0a6e39.jpg" alt="" /></a></li>
    </ul>

</div>

使用jquery中的each遍历:

$("li").each(function(i,e){
    $(e).removeClass().addClass(cArr[i]);

})

这时候会发现因为这个页面中还有其他的li元素,这个遍历是遍历整个页面的li元素,所以就影响其他的li元素了,

于是把遍历代码改成以下:

$("#viewpage ul li").each(function(i,e){
    $(e).removeClass().addClass(cArr[i]);
})

这个意思是只遍历我指定id 为viewpage的div中的ul中的li元素,这样就只会遍历我需要遍历的li元素了。

猜你喜欢

转载自blog.csdn.net/liulanzaijia/article/details/89022602