如何使用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委托事件

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

但是建议将它委托给文档中最接近的静态父容器而不是文档本身