針對同一個id的一個按鈕

Question

所有我有li元素。在所有li元素中，我有一個具有相同id的按鈕。所以我想要做的是，當我單擊任何li元素中的按鈕時，按鈕應該改變

 <ul> 
      <li><span class="yes_button"></span></li> 
      <li><span class="yes_button"></span></li> 
      <li><span class="yes_button"></span></li> 
      <li><span class="yes_button"></span></li> 
     </ul> 

     $(".yes_button").click(function(){ 
     $(".yes_button").text("no");   
     }) 

這個問題我有是，當點擊任何按鈕上的文字變化，所有按鈕都存在於不同的li元素

Answer 1

另一種解決方案我S：

$(".yes_button").click(function() { 
 
    $(this).text(function(i, text) { 
 
    return text === "yes" ? "no" : "yes"; 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><span class="yes_button">yes</span></li> 
 
    <li><span class="yes_button">yes</span></li> 
 
    <li><span class="yes_button">yes</span></li> 
 
    <li><span class="yes_button">yes</span></li> 
 
</ul>

Answer 2

使用本

$(".yes_button").click(function(){ 
    $(this).text("no");   
    })