javascript - 任何编号的 li 的 JavaScript

Question

我不知道这是否奇怪，但有没有可能有这样的事情：

   <li id="something-1"> </li>
   <li id="something-2"> </li>
   <li id="something-3"> </li>

并使用 javascript

   $("#something-"+ANYNUMBER).click(function() {
    alert("Boom");
}

这可能吗？我该怎么做？

非常感谢你！

Answer 1

你可以这样做：

$('[id=^"something-"]').click(function() {
    alert("Boom");
});

但这是您需要使用类时的情况：

<li id="something-1" class="something"></li>
<li id="something-2" class="something"></li>
<li id="something-3" class="something"></li>

并像这样选择它们：

$('.something').click(function() {
    alert("Boom");
});

事实上，它比通过属性选择器选择元素更有效[id=^"something-"]。而且它更加灵活和不引人注目。

Answer 2

您可以使用属性starts-with 选择器来做到这一点

$("li[id^=something-]")

或为元素分配一个类并使用类选择器

Answer 3

对所有 li 应用一个类

   <li id="something-1" class="className"> </li>
   <li id="something-2" class="className"> </li>
   <li id="something-3" class="className"> </li>

$('.className').click(function() {
    alert("Boom");
}

或者

$('li').click(function() {
    alert("Boom");
}

Answer 4

如果您只想alert('boom')在单击时显示每个列表项，请尝试以下操作：

$('li').click(function () {
    alert("Boom");
});