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

时间:2012-05-09 17:47:28

标签: jquery outerhtml

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

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

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

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

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

为什么会这样?将欣赏任何启蒙!

2 个答案:

答案 0 :(得分:1)

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

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

或者你可以这样做(更多jQuery-ish):

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

答案 1 :(得分:0)

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