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委托事件

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

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

Answer 2

首先

1）你在这里分配了重复的ID id="user"

请更改您的身份证

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

然后选择相同的类选择器$('.user')

如果动态添加，您必须使用 On()。

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

Answer 3

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

http://jsfiddle.net/samliew/RWeEa/

您还应该删除重复的 ID。

Answer 4

$(".user").click(function(){
 // Do something
});

Answer 5

使用 javscript

    <div id="user" class="user" onlick="alert(this.innerHTML)">akhilreddy</div>
    <div id="use1r" class="user" onlick="alert(this.innerHTML)">subodh</div>

使用 jQuery

   $(".user").click(function(){

           alert($(this).text();

     });

Answer 6

您不能对多个 div 使用相同的 id。Ids 必须是unique。但是您可以将同一个类应用于多个 div。

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

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

Answer 7

'THIS' 将引用被点击的对象：

$(this).

所以，你的代码将是：

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

在哪里

$('.user').

正在使用 CLASS 用户选择 div。至于 ID：您永远不应该在网页中拥有相同的 ID！