jq获取当前li

最新推荐文章于 2022-02-12 09:16:30 发布

原创最新推荐文章于 2022-02-12 09:16:30 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

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

<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并遍历所有元素，删除其他
			});
		});