如何使用jQuery剥离p标签？

Question

<p>
     <a href="link"><img src="image"></a>
</p>

预期结果：<a href="link"><img src="image"></a>

Answer 1

您可以使用replaceWith()将元素替换为其内容：

$('p').replaceWith
(
    function() { return $(this).contents(); }
);

请参阅here。

Answer 2

您也可以使用unwrap()：

$("p").contents().unwrap();

jsFiddle example

Answer 3

对于特定的P元素，您可以直接

$('p').html();

Answer 4

类似的东西：

$("p").each(function(){
    var content = $(this).html();
    $(this).parent().append(content);
    $(this).remove();
});

搜索所有p标签，获取内容。将其附加到父元素并删除p标记。不适用于所有情况（例如，如果P标签应位于父元素的开头。）

Answer 5

为您的p标记提供ID

<p id='id'>
     <a href="link"><img src="image"></a>
</p>

然后使用Jquery选择内部HTML

$('#id').html();

Answer 6

给它一个id。

<p id="test">

<a href="link"></a>

</p>

然后使用

var link = $("#test")[0] ;