Jquery:单击列表项将类添加到另一个列表项

时间:2016-11-06 16:10:20

标签: jquery

现在我有两个清单:

<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>

0 个答案:

没有答案