jquery - 如何改变当前ul所有li的class？

Question

我有 1 个 ul，具有各种 li 类别。

<ul class="" style="margin: 0 0 0 5px;">
    <li>
        <aclass="cam_title">
        Couple Watches</a>
    </li>
    <li>
        <a class="cam_title">
        Titan Men's Watches</a>
    </li>
    <li>
        <a class="cam_title">
        Timex Men</a>
    </li>
    <li class="hidden_camaign" style="display:none;">
        <a>Casio Men</a>
    </li><li class="hidden_camaign" style="display:none;">
        <a>Casio women</a>
    </li><li class="hidden_camaign" style="display:none;">
        <a>Casio unisex</a>
    </li>
    <li><a class="see_more" href="javascript">See more</a></li> 
</ul>

我想要$( '.see_more' ).click(function(){ 请将所有具有hidden_​​campaign类的li的类更改为show_campaign }

Answer 1

你必须使用.closest()、.siblings()和.toggleClass()来实现你想要的。

尝试，

 $( '.see_more' ).click(function(){ 
   $(this).closest('li').siblings('.hidden_camaign').toggleClass('hidden_camaign show_campaign');
 });