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