javascript - 如何应用多个选择器？

Question

我怎样才能在循环中编写这个 javascript 代码？我在用

$("#b1").click(function ( event ) {
event.preventDefault();
$("#a1").hide();
});
$("#b2").click(function ( event ) {
event.preventDefault();
$("#a2").hide();
});
$("#b3").click(function ( event ) {
event.preventDefault();
$("#a3").hide();
});
...etc

Answer 1

为什么要循环？如果您希望多个按钮/链接具有相同的单击功能，请使用 Class选择器而不是ID。

例子：

$(".classname").click(function ( event ) {
event.preventDefault();
$(this).hide();
});

Answer 2

一开始，你可以做

$("#a1, #a2, #a3, *etc*").click(function ( event ) {
  event.preventDefault();
  $(this).hide();
});

因为这在我看来是相当“丑陋”的。我会尝试向#a1,2,3,4,etc.元素添加一个类。并将类作为选择器。

$(".class_name").click(function ( event ) {
  event.preventDefault();
  $(this).hide();
});

Answer 3

如果你id总是以数字结尾，你可以这样做：

$("a").filter(function() {
    return $(this).attr("id").match(/\d+$/);
}).click(function(evt) {
    evt.preventDefault();
    $(this).hide();
});