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