如何使用jQuery获取元素的id

 
 click to get id 
  

如何获取被点击元素的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（）

Answer 3

我想分享一下如何使用它来改变按钮的属性，因为我花了一些时间才弄清楚…

例如，为了将背景更改为黄色：

 $("#"+String(this.id)).css("background-color","yellow"); 

Answer 4

您可以通过此代码获取单击的ID

 $("span").on("click",function(e){ console.log(e.target.Id); }); 

使用.on()事件以便将来兼容