Question

假设我有多个具有相同类但ID不同的div。我怎样才能得到用户正在徘徊的div的id。

<div class='same_class' id='differnt_id_1'></div>
<div class='same_class' id='differnt_id_2'></div>
<div class='same_class' id='differnt_id_3'></div>
<div class='same_class' id='differnt_id_4'></div>

让用户悬停ID为different_id_1的div，但我们还不知道该元素的ID，我们只知道用户刚刚悬停了一个元素。如何使用jquery获取悬停元素的id。提前谢谢。

Answer 1

您可以在this事件处理程序中使用hover引用。

$('.same_class').on('hover', function() {
    console.log($(this).attr('id'));
});

$(this)处理程序中的

event是发生事件的元素。

Answer 2

将hover侦听器添加到所有div，然后$(this)与当前触发侦听器的元素相关。

$('.same_class').hover(function () {
    alert($(this).attr('id'));
});

Answer 3

您可以使用mouseenter事件，然后使用this关键字引用引发事件的元素并读取其id属性。试试这个：

$('.same_class').mouseenter(function() {
    alert(this.id);
});

Example fiddle

请注意，您应该使用mouseenter 而不是 hover，因为hover会触发两次（一次进入，一次休假）。

我怎样才能得到目前正在盘旋的div的id？

3 个答案: