Jquery Outerhtml 添加额外不需要的样式答案

【问题标题】：Jquery Outerhtml add extra unwanted styleJquery Outerhtml 添加额外不需要的样式
【发布时间】：2012-05-09 17:47:27
【问题描述】：

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

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

当一个按钮被点击时，我想获取我点击的元素的内容。

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

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

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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：