javascript - 单击元素的部分时显示元素的代码

Question

我编写的代码在弹出消息中显示了整个文档的 HTML 代码：

<label>Hai world...</label>
<p>Test</p>

$(document).click(function(event) {
    var text = $(event.target).parent().html();
    alert(text);
});

如何缩小我的代码范围，只显示被点击部分的特定 HTML 代码，而不是整个文档的 HTML 代码？

Answer 1

这应该有效：

$(document).click(function(event) {
    var text = event.target.outerHTML;
    alert(text);
});

Answer 2

document.addEventListener('click', function() {
    alert(event.target.outerHTML);
}, false);

在没有 jQuery 的情况下试试这个