<div id="user" class="user">akhilreddy</div>
<div id="user" class="user">subodh</div>
我有很多元素,但只显示两个,当我点击 div 时,我希望该 div 内的文本显示在警报框中。
谢谢
<div id="user" class="user">akhilreddy</div>
<div id="user" class="user">subodh</div>
我有很多元素,但只显示两个,当我点击 div 时,我希望该 div 内的文本显示在警报框中。
谢谢
首先你的ID应该永远是唯一的......所以改变它......
其次,您可以使用.click()
事件、this
参考和text()
获取 div 中的文本
$('.user').click(function(){
alert($(this).text());
});
如果您要动态添加元素,请使用on
委托事件
$(function(){
$(document).on('click','.user',function(){
alert($(this).text());
});
});
但是,建议将其委托给文档中最近的静态父容器,而不是文档本身
首先
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());
});
$('body').on('click', '.user', function() {
alert($(this).text());
});
http://jsfiddle.net/samliew/RWeEa/
您还应该删除重复的 ID。
$(".user").click(function(){
// Do something
});
使用 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();
});
您不能对多个 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());
});
'THIS' 将引用被点击的对象:
$(this).
所以,你的代码将是:
$('.user').click(function(){
alert($(this).text());
});
在哪里
$('.user').
正在使用 CLASS 用户选择 div。至于 ID:您永远不应该在网页中拥有相同的 ID!