javascript - 类在不同元素中使用(其他 jQuery 选择器不起作用)？

Question

有人可以向我解释一下或指出其他解决方案吗:

class Fruit 位于两个不同的标签元素中，其中一个元素在 jquery 选择器中使用了 add class，但警报框未显示。 ("添加被点击")

 <table>
        <tr>
            <td><a href="#" class="add fruit">Apple</a></td>
            <td><a href="#" class="fruit">Apple 2</a></td>
        </tr>
        <tr>
            <td><a href="#" class="add fruit">Banana</a></td>
            <td><a href="#" class="fruit">Banana 2</a></td>
        </tr>
    </table>

此外，当我单击 Apple 链接时，我希望显示两个警报框。看到这个FIDDLE用于演示。

$('.add').off("click").on("click", function () {
    alert("add is clicked");
});

$('.fruit').off("click").on("click", function () {
    alert("fruit is clicked");
});

Answer 1

您已经做对了，只需删除“off”即可。

    $('.fruit').on("click", function () {
     alert("fruit is clicked");

   });
  $('.add').on("click", function () {
     alert("add is clicked");
  });