jquery - 如何使用jquery处理具有相同类名的元素的元素

Question

<div id="user" class="user">akhilreddy</div>
<div id="user" class="user">subodh</div>

我有很多元素，但只显示两个，当我单击 div 时，我希望该 div 内的文本显示在警报框中。

谢谢

Answer 1

首先，您的 ID 应该始终是唯一的..... 所以更改它..

其次，您可以使用 .click() 事件、this 引用和 text() 来获取 div 内的文本

 $('.user').click(function(){
     alert($(this).text());
 });

如果您要动态添加元素，请使用on委托(delegate)事件

 $(function(){
 $(document).on('click','.user',function(){
     alert($(this).text());
});
});

但是，建议将其委托(delegate)给文档中最近的静态父容器，而不是文档本身