Jquery Outerhtml添加了额外的不需要的风格

Question

当我点击一个元素时，我有以下代码来获取html代码，例如＆LT; p为H.

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

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

首次点击，我能够得到我想要的。然而，当我第二次点击时，我意识到元素中添加了一些额外的样式。

示例：style =“background-color：transparent; border-top-width：0 etc”

为什么会这样？将欣赏任何启蒙！

Answer 1

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

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

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

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

Answer 2

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