div jquery内のすべての段落タグをアンラップ

Question

ここでは、divの中のすべての段落タグをアンラップするサンプルhtmlがあります。現在のhtmlはこのように見えます。

<div class="divclass"> 
    Hi this is some text. 
    <p>testing test</p> 
    <p></p> 
    <p><a href="#" rel="nofollow">Testing text2</a></p> 
</div> 

でも、このようにしたいと思います。

<div class="divclass"> 
    Hi this is some text. 
    testing test 
    <a href="#" rel="nofollow">Testing text2</a> 
</div> 

ありがとうございます。

Answer 1

あなたは、p要素の内容アンラップする必要があります：あなたは内容を持たないp要素を持っているしかし

$('div p').contents().unwrap(); 

を。そのようなタグはコードでは削除されません。あなたは兄弟pを見つける必要があるし、それを削除：

$('div p').contents().unwrap().siblings('p').remove(); 

Working Demo

Answer 2

// unwrap p tags having content; 
 
$('.divclass p').contents()// get content of all p tags 
 
       .unwrap() // unwrap p tags 
 
       .siblings('p:empty') // get all p siblings which are empty 
 
       .remove(); // and finaaly remove it

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="divclass"> 
 
    Hi this is some text. 
 
    <p>testing test</p> 
 
    <p></p> 
 
    <p><a href="#" rel="nofollow">Testing text2</a></p> 
 
</div>

Answer 3

は、単にコードの下に使用し、これを試してください： -

$（ 'p'）。contents（）。unwrap（）;

Answer 4

unwrap（）よりも安価なreplaceWith（）を使用する方が効率的です。

これは空のタグでも機能します。

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

JSFiddle：http://jsfiddle.net/2wyrou4t/

Answer 5

あなたはJavascriptを使用することができます（それがネイティブコードを使用しているためのjQueryよりも高速です）：

http://jsfiddle.net/ks60L4h9/3/

var p = document.getElementsByTagName('p'); 

while(p.length) { 
    var parent = p[ 0 ].parentNode; 
    while(p[ 0 ].firstChild) { 
     parent.insertBefore( p[ 0 ].firstChild, p[ 0 ]); 
    } 
    parent.removeChild(p[ 0 ]); 
} 

これは、その後使用し、すべての段落を選択します。コンテンツ（）を<p>のコンテンツにするには、.unwrap()を削除して親の<p>要素。