点击li时添加样式，移除兄弟样式

最新推荐文章于 2022-04-11 16:10:14 发布

Cadence_D

最新推荐文章于 2022-04-11 16:10:14 发布

阅读量6.1k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_35893120/article/details/77533476

版权

JS 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

<style type="text/css">
.add{ color:#ff0}
</style>
<div  class="zx_menu">
  <ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
  </ul>
</div>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("div ul li").click(function(){
		$(this).addClass("add").siblings().removeClass("add");
	});
});

// 某一个li的事件
   $(".zx_menu ul li").eq(3).click(function(){
           alert("其中ul第三个事件");

});

 </script>