给定一个包含一些元素的 HTML 文档,任务是显示被点击的元素。
方法:首先我们创建一个包含一些元素的 HTML 文档,并添加一个 jQuery函数来显示被点击的元素。我们使用 jQuery 选择器选择 HTML 正文,当用户单击元素时,然后获取元素名称并使用 text() 方法在屏幕上显示元素名称。
句法:
$("*", document.body).click(function (event) {
event.stopPropagation();
var domElement = $(this).get(0);
$("h3:first").text("Clicked Element: "
+ domElement.nodeName);
});
例子:
HTML
How to display the tag name of the
clicked element using jQuery?
table,
th,
td {
border: 1px solid black;
}
GeeksforGeeks
How to display the tag name of the
clicked element using jQuery?
FirstnameLastnameAgePriyaSharma24ArunSingh32SamWatson41
$("*", document.body).click(function (event) {
event.stopPropagation();
var domElement = $(this).get(0);
$("h3:first").text("Clicked Element: "
+ domElement.nodeName);
});
输出: