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

您可以使用starts with selector：

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

jQuery选择器：选择多个ID并获取它们的值

3 个答案: