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 selector

来执行此操作

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

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

Answer 3

将课程应用于所有李的

   <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");
});

任何编号li的JavaScript

4 个答案: