用jQuery获取点击的元素html？

Question

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

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

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

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

Answer 1

  

如何点击点击内部html？

如果您询问如何从<p>标记中获取HTML，则应执行以下操作。

仅使用jQuery附加事件并使用jQuery的html()：

获取值

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

使用混合，使用jQuery附加事件并使用JavaScript的innerHTML：

获取值

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

DEMO

注意

但是，如果你想要的只是文本，而不是使用text()方法，这将删除你可能在里面的任何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'));
});