现在我有两个清单:
<ul class="first">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
<ul class="second">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
我想要结果:当我点击例如ul.fist&gt; li(第二个孩子)&gt; a,禁用点击/重定向链接,但是,为ul.second li(第一个孩子)添加两个不同的第一个类,为ul.second li(第三个孩子)添加另一个。如果我点击ul.fist&gt; li(第三个孩子)ul.second li(第一个孩子)和ul.second li(第四个孩子)等的添加课程。
例如
<ul class="first">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li> <<-- click there, disable link
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
<ul class="second">
<li><a href="#">menu item</a></li> <<-- add class firstclass
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li> <<-- add class secondclass
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>