如何使用jQuery获取元素的id

Question

<div class="main_div">
    <div id="inner_div">    
        <span id="d1" class="get_clicked">click to get id</span>
    </div>
</div>

如何获取被点击元素的id？inner_div中存在的span将具有不同的id,因为我将使用jquery ajax从模型(MVC)加载span.所以会有'n'个跨度.所有跨度都将具有唯一ID.我想得到我点击的跨度的id.

单击时如何获取跨度的id？如何使用jQuery做到这一点？

Answer 1

在动态加载内容时更新,以便您使用.

$(document).on('click', 'span', function () {
    alert(this.id);
});

旧代码

$('span').click(function(){
    alert(this.id);
});

或者你可以使用.on

$('span').on('click', function () {
    alert(this.id);
});

this 指的是当前的span元素被点击

this.id将给出id当前跨度的点击

Answer 2

由于您是通过ajax加载跨度的,因此您必须将事件处理程序附加到事件中以便在它们冒泡时捕获它们.

$(document).on('click','span',function(e){
    console.log(e.target.id)
})

您需要将事件附加到最近的静态成员,以提高效率.

$('#main_div').on('click','span',function(e){
    console.log(e.target.id)
})

例如,比绑定到文档更好.

这个问题可能有助于您理解

直接与委派 - jQuery .on()