javascript - jQueryは、変数コンポーネントを使用してIDを検索します

Question

重複の可能性:
jquery または css セレクター? で始まるすべての ID を選択します

このコードは、ID 1 ～ 3 にマウスを合わせると#idviewの属性を変更します。src

$("#id_1, #id_2, #id_3, #etc").mouseover(function(){
    $("#idview").attr("src","id_" + this.id.substr(3,4) + ".jpg");
});

「#id_」で ID を選択してから可変整数を選択するにはどうすればよいですか? たとえば、1000 枚の画像がある場合、これを長文で書き出すのは実際的ではないでしょうか?

のようなものかもしれませ$("#id_"+*)ん。

score 5 · Accepted Answer

$("[id^='id_']").mouseover(function () {
    //Do stuff
});

属性セレクターの前に要素タイプを明確にする方が少し効率的ですが、あなたの質問からは、どの要素を選択しようとしているのか正確にはわかりません。

score 0 · Accepted Answer

$('[id^="id_"]').mouseover(function(){
    $('#idview').attr('src', this.id + ".jpg"));
});

または、バインドする要素にクラスを追加して、それをセレクターとして使用することもできます。

$('.myClass').mouseover(function() {
    //...
});

score 0 · Accepted Answer

変数 integer を文字列に組み込むだけです。

var integer = 2
    myid = "id_" + integer;

$( "#" + myid ) // Selector

ただし、特定の ID をターゲットにする必要がない場合は、James の回答を使用します。

3 に答える 3