如何爲活動類單擊處理程序？

比方說，如何爲活動類單擊處理程序？

<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

如何爲活動類單擊處理程序？

回答

相關問題