jQuery 遍历siblings() 的使用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 遍历siblings() 的使用方法相关的知识,希望对你有一定的参考价值。

$(document).ready(function(){
//选择账户的类型
$("div.rgtype li").click(function(){
$(this).addClass("ppt").siblings("li").removeClass("ppt");
$("#mtype").attr("value",$(this).find("p").text());
});
})

<div class="rgtype">
<h4>选择账户类别</h4>
<ul>
<li class=‘‘><img src=‘templets/images/reioc01.png‘ alt=‘‘ />
<p>个人</p>
</li>
<li class=‘‘><img src=‘templets/images/reioc03.png‘ alt=‘‘ />
<p>机构</p>
</li>
<li class=‘‘><img src=‘templets/images/reioc02.png‘ alt=‘‘ />
<p>企业</p>
</li>
<li class=‘‘><img src=‘templets/images/reioc04.png‘ alt=‘‘ />
<p>媒体</p>
</li>
<li class=‘‘><img src=‘templets/images/reioc05.png‘ alt=‘‘ />
<p>高新区</p>
</li>
<li class=‘‘><img src=‘templets/images/reioc06.png‘ alt=‘‘ />
<p>孵化器</p>
</li>
</ul>
<div class="clear"></div>
</div>

以上是关于jQuery 遍历siblings() 的使用方法的主要内容,如果未能解决你的问题,请参考以下文章

jquery遍历节点 children(),next(),prev(),siblings()closest()

jQuery遍历-同胞

jQuery 遍历 - 同胞

jquery中siblings方法配合什么方法一起使用

jQuery DOM树中遍历元素的同胞元素

jQuery dom树中横行遍历的方法你记住了吗