Question

我有两个按钮，一个是“按钮白色”类，另一个是“按钮白色小”类。在jQuery中，每次单击一个按钮，文本都会变为我的两个按钮：

$(document).ready(function() {  
$(".button.white").click(function () {                    
  $('.button.white').text('Added');
  });
});

我该如何避免这种情况？

Answer 1

$(".button.white").click(function () {                    
    $(this).text('Added');
});

Answer 2

您可以使用this来获取点击的按钮：

$(document).ready(function() {  
    $(".button.white").click(function () {
        $(this).text('Added');
    });
});

Answer 3

这是因为它认为每个单词都是不同的类。使用你的班级按钮白色和按钮白色小＆＃39;（没有空白）并在你的代码中写：

$(".button-white").click(function () {                    
   $(this).text('Added');
});

Answer 4

一个起点，我会尝试：

$(document).ready(function() {  
    $(".button.white").click(function () {                    
    $('.button.white').not(".small).text('Added');
    });
});

删除.small条目。

（未选中，因为我无权访问测试ATM。）

jQuery文本作用于重复的类

4 个答案: