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="user"

分配了重复的ID

请更改您的ID

<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

使用javascript

    <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。 ID必须是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！

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

7 个答案: