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

Question

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

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

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

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

Answer 1

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

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

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

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

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

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

Answer 2

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

Answer 3

使用 jQuery 的html()函数

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

一个工作示例：http: //jsfiddle.net/ukxvp/

Answer 4

正如他们所说，只需使用 $.html()。就个人而言，我只使用 innerHTML 因为 $.html() 过滤掉了 br elems 等；我只是把它们变成换行符。

$(".tags-container > p").click(function () {
   alert(this.innerHTML.replace(/<br>/, '\n'));
});