jquery - Jquery Outerhtml 添加额外不需要的样式

Question

当我单击一个元素时，我有以下代码来获取 html 代码，例如 <p>

$('#button').click(function(){
     var a = $(this).wrap('<div></div>').parent().html(); 
     alert(a);
});

单击按钮时，我想获取正在单击的元素的内容。

对于第一次点击，我能够得到我想要的。但是，当我第二次单击时，我意识到元素中添加了一些额外的样式。

示例：style="background-color:transparent;border-top-width:0 etc"

为什么会这样？将不胜感激任何启示！

score 1 · Accepted Answer

无需将元素包装在 div 中，然后找到元素的父级（div）并从中检索 HTML。您可以直接从元素中获取 HTML，如下所示：

$('#button').click(function(){
     alert(this.innerHTML);
});

或者你可以这样做（更多的 jQuery-ish）：

$('#button').click(function(){
     alert($(this).html());
});

score 0 · Accepted Answer

解决了这个问题。出现问题是因为我通过 jquery 添加了样式。逻辑设计问题。感谢大家的帮助！

2 回答 2