通常のテキストとして表示されるhtmlタグを取り除くためのJquery

Question

私の質問を見たことがありますが、間違っていると言われるかもしれませんが、ここに私の問題があります。人々は、テキストの前後にこれらのタグを見ているので

<p class="SubPromoTitle"><p>Pentair IntelliFlo 2 VST Variable Speed, 15% off!</p></p> 

：それは次のようになりますので、自分のコードが既にpタグ内のpタグを思い付くいくつかの理由。私はそれを取り除くためにjqueryを必要とするだけで、すべてのテキスト以外の要素である必要はなく、削除する必要のある余分なpタグです。

Answer 1

これはjqueryのを用いた溶液である：

これはそのparent要素を除去するために、<p>のテキストコンテンツを標的とするために、次に.unwrap()を.contents()を使用し、その後、全て<p>要素を選択します。

$('p').each(function(item){ 
 
    $(this).contents().unwrap(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="SubPromoTitle"> 
 
<p>Pentair IntelliFlo 2 VST Variable Speed, 15% off! 
 
</p> 
 
</p>