如何使用Jquery/Javascript将活动类添加和删除到li中的锚定标记

我需要一个人帮忙。我有多个li值，当单击任何值并使用Jquery/Javascript从其他值中删除时，我需要添加活动类

<ul id="ulCategory">
   <li><a href='javascript:void(0)' onclick='savesubcat()'>ABC</li> 
<li><a href='javascript:void(0)' onclick='savesubcat()'>ABF</li>    
<li><a href='javascript:void(0)' onclick='savesubcat()'>ABK</li>    

</ul>

---

这里我需要，而用户将单击一个值，该值将仅保持活动状态，而其他值将不具有活动类。请帮助我。

只需将单击处理程序绑定到相关元素，并使用.addClass和.removeClass方法即可

另外，也可以从那里调用savesubcat函数，而不是使用inline onclick=属性

var anchors=$ULLI类别a.clickfunction{ //保存子目录 $this.addClassactive anchors.notthis.removeClassactive } .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK

---

只需将单击处理程序绑定到相关元素，并使用.addClass和.removeClass方法

另外，也可以从那里调用savesubcat函数，而不是使用inline onclick=属性

var anchors=$ULLI类别a.clickfunction{ //保存子目录 $this.addClassactive anchors.notthis.removeClassactive } .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK 试试这个：

<ul id="ulCategory">
  <li><a href="javascript:void(0)" class="subcategory">ABC</li> 
  <li><a href="javascript:void(0)" class="subcategory">ABF</li>    
  <li><a href="javascript:void(0)" class="subcategory">ABK</li>
</ul>

试试这个：

<ul id="ulCategory">
  <li><a href="javascript:void(0)" class="subcategory">ABC</li> 
  <li><a href="javascript:void(0)" class="subcategory">ABF</li>    
  <li><a href="javascript:void(0)" class="subcategory">ABK</li>
</ul>

$ulCategory a.clickfunction{ $this.addClassactive $a.notthis.removeClassactive } .主动{ 文本对齐：左对齐； 颜色：fff； 背景色：ffbb00； 文字装饰：无； } $ulCategory a.clickfunction{ $this.addClassactive $a.notthis.removeClassactive } .主动{ 文本对齐：左对齐； 颜色：fff； 背景色：ffbb00； 文字装饰：无； } 检查下面的代码片段

$document.readyfunction{ $ULLI。点击，功能{ $this.sibles.removeClass'active'； $this.addClass'active' } } 函数savesubcat{ 返回空 } .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK 检查下面的代码片段

$document.readyfunction{ $ULLI。点击，功能{ $this.sibles.removeClass'active'； $this.addClass'active' } } 函数savesubcat{ 返回空 } .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK 您可以使用和，如下所示

HTML:

您可以使用和，如下所示

HTML:

在函数调用中与此元素一起使用

函数savesubcatthat{ $'ULLI a'类别。删除类'active' $that.addClass'active' } .主动{ 文本对齐：左对齐； 颜色：fff； 背景色：ffbb00； 文字装饰：无； } 基础知识 ABF ABK 在函数调用中与此元素一起使用

函数savesubcatthat{ $'ULLI a'类别。删除类'active' $that.addClass'active' } .主动{ 文本对齐：左对齐； 颜色：fff； 背景色：ffbb00； 文字装饰：无； } 基础知识 ABF ABK

---

只需将div添加到ul标签并在其上写onclick事件即可。请尝试下面的代码

//HTML   
 <div id="list_div">
      <ul id="ulCategory">
       <li><a href='javascript:void(0)' onclick='savesubcat()'>ABC</li> 
       <li><a href='javascript:void(0)' onclick='savesubcat()'>ABF</li>    
      <li><a href='javascript:void(0)' onclick='savesubcat()'>ABK</li>    
     </ul>
    </div>


//JS
     $(document).on("click","#list_div a",function() {   
           $(this).parent().addClass('active').siblings().removeClass('active');
        });

---

只需将div添加到ul标签并在其上写onclick事件即可。请尝试下面的代码

//HTML   
 <div id="list_div">
      <ul id="ulCategory">
       <li><a href='javascript:void(0)' onclick='savesubcat()'>ABC</li> 
       <li><a href='javascript:void(0)' onclick='savesubcat()'>ABF</li>    
      <li><a href='javascript:void(0)' onclick='savesubcat()'>ABK</li>    
     </ul>
    </div>


//JS
     $(document).on("click","#list_div a",function() {   
           $(this).parent().addClass('active').siblings().removeClass('active');
        });

$'.abc'。单击函数{ $'.abc'.removeClass'active'； $this.addClass'active'； }; .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK $'.abc'。单击函数{ $'.abc'.removeClass'active'； $this.addClass'active'； }; .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK 您可以使用兄弟姐妹方法

方法获取集合中每个元素的同级 匹配的元素，可选地由选择器过滤

$ul li.clickfunction{ $this.addClass'active'.andSelf.sillides.removeClass； }; .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK 您可以使用兄弟姐妹方法

方法获取集合中每个元素的同级 匹配的元素，可选地由选择器过滤

$ul li.clickfunction{ $this.addClass'active'.andSelf.sillides.removeClass； }; .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK

---

你可以试试这样的

  $('ul li a').click(function() {
      $(this).parent().siblings().children().removeClass( "active" );
      $(this).addClass( "active" ); 
    });

$'ul li a'。单击函数{ $this.parent.sides.children.removeClass处于活动状态； $this.addClass处于活动状态； }; .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK

---

你可以试试这样的

  $('ul li a').click(function() {
      $(this).parent().siblings().children().removeClass( "active" );
      $(this).addClass( "active" ); 
    });

$'ul li a'。单击函数{ $this.parent.sides.children.removeClass处于活动状态； $this.addClass处于活动状态； }; .active{文本对齐：左；颜色：fff；背景色：ffbb00；文本装饰：无；} 基础知识 ABF ABK $document.readyfunction{ $'ULLIA'类别。单击功能{ $'ulli a.re moveClassactive $this.toggleClassactive； }; }; .主动{ 颜色：红色； } 基础知识 ABF ABK $document.readyfunction{ $'ULLIA'类别。单击功能{ $'ulCategory li a'。removeClassactive $this.toggleClassactive； }; }; .主动{ 颜色：红色； } 基础知识 ABF ABK

---

请添加Fiddle以处理此use toggleclass请添加Fiddle以处理此use toggleclass

  $('ul li a').click(function() {
      $(this).parent().siblings().children().removeClass( "active" );
      $(this).addClass( "active" ); 
    });