jq获取当前li

leizi929

于 2015-04-14 16:48:25 发布

阅读量1.6k

点赞数

本文链接：https://blog.youkuaiyun.com/leizi929/article/details/45043313

版权

本文介绍如何使用jQuery为当前选中的列表项添加特定样式，并同时移除列表中其他项的样式，实现直观的导航高亮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<pre name="code" class="html"><div id="order_header">
			<ul class="ul_header">
				<li >已付款</li>
				<li class="li_pay2">待付款</li>
				<li>已取消</li>
			</ul>
		</div>

jq获取当前ul>li标签一个属性并添加，并且把别的li标签的属性移除

$(function() {
			$(".ul_header >li").bind("click",function() {
			    $(this).addClass("sel").siblings().removeClass("sel"); //ul>li标签添加此元素class并遍历所有元素，删除其他
			});
		});