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

另一种解决方案是：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

使用此

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

定位一个具有相同ID的按钮

2 个答案: