javascript - jQuery セレクター: 複数の ID を選択し、それらの値を取得します

Question

ID の一部を抽出してスクリプトで使用する方法を探しています。

私のHTML：

<div id="item1"></div>
<div id="item2"></div>
<div id="item3"></div>
<div id="item4"></div>
<div id="item5"></div>

私のjQuery：

$('#item(1|2|3|4|5)').mouseout(function(event) {

    //Get the number of the item (1,2,3,4,5)
    item_number = ???

    alert(item_number);


    }

jQueryを使用してこれをどのように達成できますか?

Answer 1

さらにVisionが言ったことに。この目的のためにクラスを使用することをお勧めします。

<div class="item" id="item1"></div>
<div class="item" id="item2"></div>
<div class="item" id="item3"></div>
<div class="item" id="item4"></div>
<div class="item" id="item5"></div>

と

$(".item").mouseout(...)

Answer 2

セレクターで開始を使用できます：

$("[id^='item']").mouseout(function(e) {
    var item_number = this.id.replace("item", "");
    alert(item_number);
});

Answer 3

これを行う簡単な方法は次のとおりです。

$('div').mouseout(function() {
    var this_id = $(this).attr('id');
    alert(this_id);
});

すべての div が警告を受けないようにしたい場合は、これらの div すべてにクラスを与え、代わりにこれを使用します。

$('.myClass').mouseout(function() {
    var this_id = $(this).attr('id');
    alert(this_id);
});