当两个按钮共享同一个类时，选择正确的按钮

Question

我有以下HTML：

<a class="action_btn recommend_btn" act="recommend" href="recommend.php">
    Recommend
</a>

我的jQuery是：

$(".action_btn").click(function() {

});

问题是我有另一个

<a class="save action_btn" onclick="return false;">
    Save
</a>

但我不希望此按钮触发此点击功能。

我该怎么做？

Answer 1

你不能使用其他选择器吗？

$(".recommend_btn").click(function() { /* code */});

或者你可以过滤掉第二个（如果你想在所有.action_btn元素上触发该功能，而不是.save元素：

$(".action_btn").not(".save").click(function() { /* code */});

Answer 2

您可以根据多个条件进行选择，因此“action_btn”类的元素具有属性“href”，其值为“recommended.php”：

$('.action_btn[href="recommend.php"]').click(function(){})

Answer 3

您可以通过向该元素添加ID来执行特定元素，因为ID对所有元素都是唯一的。

你的html看起来像这样

 <a class="action_btn recommend_btn" id="recommentBtn" act="recommend" href="recommend.php">Recommend</a>

和jquery是

 $("#recommentBtn").click(function() { /* code */});

或者如果你只想上课，你可以为你做这样的当前html

$(".action_btn.recommend_btn").click(function() { /* code */});

后者只会查找同时具有这两个类的元素。

Answer 4

要选择除保存类之外的所有action_btn，请使用not方法：

$(".action_btn").not(".save").click(function() {

    });