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

为什么要循环？如果您想要多个按钮/链接的相同点击功能，请使用类选择器而不是 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();
});

如何应用多个选择器？

3 个答案: