jquery - 删除和添加类和在jQuery中

Question

 <ul class="current">
   <li>
       <a href="#nogo"><b>Products</b>
         <div class="select_sub show">
             <ul class="sub">
              <li class="sub_show"><a href="#nogo">Add product</a></li>
             </ul>
         </div>
       </a>
  </li>
</ul>


<ul class="select">
   <li>
       <a href="#nogo"><b>Item</b>
         <div class="select_sub">
             <ul class="sub">
              <li><a href="#nogo">Add Item</a></li>
             </ul>
         </div>
       </a>
  </li>
</ul>

1.单击项目链接后，我想在当前 ul 当前类中添加类并删除其他表单，它通过此代码工作

$("ul").click(function(e){

  e.preventDefault();

 $(this).addClass("current").siblings().removeClass("current").addClass("select");

});

我对第二点有疑问

1. 当我单击项目链接时，我想添加类select_sub 显示哪个 div 有类 select_sub

我的意思是说（如果我点击项目链接）

<ul class="select">
 <li>
   <a href="#nogo"><b>Products</b>
     <div class="select_sub">
         <ul class="sub">
          <li><a href="#nogo">Add product</a></li>
         </ul>
     </div>
   </a>
</li>
</ul>


<ul class="current">
 <li>
    <a href="#nogo"><b>Item</b>
      <div class="select_sub show">
         <ul class="sub">
          <li class="sub_show"><a href="#nogo">Add Item</a></li>
         </ul>
      </div>
   </a>
</li>
</ul>

提前致谢

Answer 1

如果我正确理解了您的问题，那么下面应该可以解决问题。

$("ul").click(function(e){    
    e.preventDefault();
    var $this = $(this);
    var $siblings = $(this).siblings();

    $this.addClass("current"); //probably need to add .removeClass('select')
    $this.find('.select_sub').addClass('show');

    $siblings.removeClass("current").addClass('select');
    $siblings.find('.select_sub').removeClass('show');


});

Answer 2

这应该这样做：

$("ul").click(function(e){
   e.preventDefault();
   $(".current").addClass("select"); //Add the default "select" class to any "current"
   $(".current").removeClass("current"); //Remove "current" from any "current"
   $(this).removeClass("select"); //Remove "select" from the clicked UL
   $(this).addClass("current"); //Add "current" to the clicked UL
});

如果你愿意，你可以用两行来调用它们，但我认为这更容易阅读。

Answer 3

应该像添加一样简单：

$('.current .select_sub').addClass('show');