任意编号 li 的 JavaScript

标签 javascript jquery css list

<分区>

我不知道这是否奇怪,但有没有可能有这样的东西:

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

和javascript

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

这可能吗?我该怎么做?

非常感谢!

最佳答案

你可以这样做:

$('[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-"] 选择元素更有效。而且它更加灵活和不引人注目。

关于任意编号 li 的 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15343852/

上一篇:javascript - jQuery 不响应 : JSFiddle?

下一篇:CSS float 属性仅适用于额外的样式标签

相关文章:

javascript - 在 Javascript 数组中对连续的重复值进行分组

javascript - 启用右键单击 : <body oncontextmenu ="return false">

javascript - 更改jsp href元素,c :url

javascript - jquery $.each 没有给出表中的所有信息

html - CSS HTML : stumped on how to center this piece of text

对象上的 Javascript 数组表示法

javascript - 如何使数组中的第一个变量成为默认变量

javascript - 需要 jQuery 到 Tampermonkey 脚本和控制台中的安全变量

html - IE8边框使用伪:after

javascript - 如何只在DIV的边界区域触发鼠标移动