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

时间:2014-10-26 14:58:23

标签: jquery css

所有我都有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元素中出现的所有按钮中发生变化

2 个答案:

答案 0 :(得分:2)

另一种解决方案是:

&#13;
&#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;
&#13;
&#13;

答案 1 :(得分:0)

使用此

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