如何为活动类单击处理程序？

比方说，如何为活动类单击处理程序？

<div class="container"> 
 
     <div class="main-sectors"> 
 
      <a href="#" class="sector-active">Name1</a> 
 
      <a href="#" class="p-l-35">Name2</a> 
 
      <a href="#" class="p-l-35">Name3</a> 
 
      <a href="#" class="p-l-35">Name4</a> 
 
      <a href="#" class="p-l-35">Name5</a> 
 
     </div> 
 
    </div>

在这里，我怎么能申请class="sector-active"每个a元素时一下就可以了？

来源

2017-06-15 AbhiJA

请张贴一些努力。这并不难，如果你阅读文档 – mplungjan

在这里 - 你也可以做这个搜索：https://www.google.com/search?q=add+active+to+link+remove+others+jquery – mplungjan

试试这个代码

$('.main-sectors a').click(function(){ 
 
$('a').removeClass('sector-active'); 
 
$(this).addClass('sector-active'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
     <div class="main-sectors"> 
 
      <a href="#" class="sector-active">Name1</a> 
 
      <a href="#" class="p-l-35">Name2</a> 
 
      <a href="#" class="p-l-35">Name3</a> 
 
      <a href="#" class="p-l-35">Name4</a> 
 
      <a href="#" class="p-l-35">Name5</a> 
 
     </div> 
 
    </div>

来源

2017-06-15 05:52:42 Rahul

然后，之前点击仍处于活动状态。 – AbhiJA

@AbhiJA - 那不是你问题描述的一部分 – mplungjan

@Rahul，是的，现在它的工作。 – AbhiJA

试试这个代码：

$("a").on("click", function() { 
    $("a").addClass("sector-active"); 
});

来源

2017-06-15 05:54:08 Derplicity

如何为活动类单击处理程序？

回答

相关问题