今天开发中遇到一个问题,我要遍历以下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元素了。