[英]Identify which element id or class was clicked using jQuery?
假设我有
<body>
<div id="stuff">
<div id="cat">a</div>
<div id="dog">b</div>
<div id="elephant">c</div>
<div id="rabbit">d</div>
<div id="frog">e</div>
</div>
</body>
到目前为止，我可以获得的壁橱是JS，
document.getElement('body').onclick = function(e){
alert(e.target.innerHTML);
}
当我想要像'cat'或'dog'而不是'a'或'b'的文字div id时，打印出div的内容。 此外，我正在尝试使用jQuery实现这一点，我正朝着正确的方向前进吗？
您需要包含jQuery js文件才能使用jQuery方法。
用jQuery
$('body').click(function(e){
alert(e.target.innerHTML);
alert(e.target.id)
alert($(e.target).attr('id'));
});
用Javascript
document.getElement('body').onclick = function(e){
alert(e.target.innerHTML);
alert(e.target.id)
}
使用JQuery示例html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery demo</title>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
document.getElement('body').onclick = function(e){
alert(e.target.innerHTML);
alert(e.target.id)
}
</script>
</body>
</html>
http://jsbin.com/ohotuv/1/edit
document.getElementById('stuff').onclick = function( e ){
alert( e.target.id );
};
jQ方式：
$('#stuff').click(function( e ){
alert( e.target.id );
});
如果它没有ID ，但有一个CLASS （你想要它！）你可以这样做：
http://jsbin.com/ohotuv/3/edit - （“大象”是一类）
$('#stuff').click(function( e ){
var name = e.target.id || e.target.className;
alert(name);
});
如果您使用的是纯javascript ，则可能需要使其与浏览器兼容。
window.onload=function(){
document.getElementsByTagName('body')[0].onclick = function(e){
e = e ? e : window.event;
var source = e.target || e.srcElement;
alert(source.id);
}
}
我建议阅读jQuery.on（） 。
在你的例子中，我建议：
$("body").on("click", function(event){
alert($(this).id);
});
虽然强烈建议缩小范围，但是您要查找的是click事件的元素。 例如：
$("#stuff").on("click", "div", function(event){
alert($(this).id);
});
哪个只能处理带有id的东西的html标签内的任何div元素。 减少处理事件的上下文可以帮助解决封装和调试问题。
确定在jquery中一组相似元素中单击了哪个元素
[英]Identify which element was clicked, among a set of similar elements, in jquery
jQuery $('body').click() 可以捕获我单击了没有类/ID 的嵌套元素吗？
[英]Can jQuery $('body').click() capture that I have clicked on a nested element which has no class/id?
使用jQuery在DOM中找到元素，该元素位于被单击元素之前
[英]finding an element in DOM which is just before the clicked element using jquery
如何知道单击了哪个元素并将类切换到该元素？ JS Jquery
[英]How to know which element is clicked and toggle class to it? JS Jquery
如何在不使用选项元素上的 id 的情况下知道单击了哪个选项
[英]how to know which option was clicked without using an id on the option element
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.