JavaScript的任何編號李

我不知道這是不是很奇怪，但是否有可能有這樣的事情：JavaScript的任何編號李

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

，並用JavaScript

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

這可能嗎？我該怎麼做？

非常感謝！

來源

2013-03-11 Tiago

你試過了嗎？ – 2013-03-11 16:41:15

你可以做這樣的事情：

$('[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-"]選擇元素更有效。它更加靈活和不顯眼。

來源

2013-03-11 16:42:36 dfsq

這裏是一個小提琴：http://jsfiddle.net/howderek/RHXJb – howderek 2013-03-11 16:50:13

謝謝@howderek！ – dfsq 2013-03-11 16:50:54

歡迎您！因爲你已經回答了，所以我想到了答案也沒有答案，但小提琴仍然會派上用場。 – howderek 2013-03-11 16:52:43

如果你只是想點擊時每個列表項alert('boom')，試試這個：

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

來源

2013-03-11 16:41:47 MattDiamant

應用類所有李的

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

來源

2013-03-11 16:41:50 PSR

你可以使用屬性starts-with selector

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

或指定一個類的元素，並使用類選擇

來源

2013-03-11 16:42:29

謝謝！它與啓動完美結合！ – Tiago 2013-03-11 16:55:24

JavaScript的任何編號李

回答

相關問題