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

Question

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

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

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

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

Answer 1

<p>使用 jQuery 的html()从标签中取出HTML：

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

<p>使用 JavaScript 的innerHTML从标签中取出 HTML ：

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

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

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