javascript - 使用 jQuery 获取被点击的元素 html？

Question

我正在监听多个元素的点击。我想在用户点击一个时显示一个警报，警报的内容应该是被点击元素的 innerHtml。

$(".tags-container > p").click(function (event) {
    alert('inner html');
    });

我可以通过将代码添加到 html 来实现，但我更喜欢使用 jquery 监听器。

如何在警报中显示元素的 innerHTML？

Answer 1

从 <p> 中获取 HTML使用 jQuery 的 html() 标记:

$(".tags-container > p").click(function(event) {
    alert($(this).html());
});​

从 <p> 中获取 HTML使用 JavaScript 的 innerHTML 标记:

$(".tags-container > p").click(function(event) {
    alert(this.innerHTML);
});​

仅从 <p> 中获取文本使用 jQuery 的 text() 标记，这将去除任何 HTML 并返回组合文本。

$(".tags-container > p").click(function(event) {
    alert($(this).text());
});​