JQueryでHTMLコンテンツをフィルタリングしますが、特定の要素を除外します

Question

投稿のリストがあります。コンテンツセット "strong"以外のすべてのテキスト/ HTMLコンテンツを削除したいと思います。

オリジナル

<li id="post"> 
    <p> 
     <strong>Reality</strong> 
    </p> 
    <p> 
     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
    </p> 
</li> 
<li id="post"> 
    <p> 
     <strong>Buzz</strong><br> 
     <br> 
     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
    </p> 
</li> 
<li id="post"> 
    <p> 
     <strong>Innovation</strong><br> 
     <br> 
     Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
    </p> 
</li> 

望ましい結果

<li id="post"> 
     Reality 
</li> 
<li id="post"> 
     Buzz 
</li> 
<li id="post"> 
     Innovation 
</li> 

は、どのように私はこのjQueryのを使用して行うことができますか？

Answer 1

私のソリューションは、すべての強力な$（「強い」）を選択するセレクタを作成し、その後$内のすべての李さん、その後.each項目（「強い」）を削除し、内部でそれを追加することになります新しい李。

---

更新：

あなたはこれを試すことができます。

$("li#post").each(function() 
    { 
     $(this).html("[strong start tag]" + $("strong", this).html()+"[strong end tag]"); 
    }) 

Answer 2

私の解決策は、すべてのliを削除してから$（ "strong"）内の項目を削除し、新しいliの中に追加するセレクタを作ることです。

Answer 3

以下のコードは意図したとおりに動作します。 id="post"をclass="post"で置き換えてください！

フィドル：各<li>項目スルーhttp://jsfiddle.net/GfsCB/

$("li.post").each(function(){ 
    var filtered = $("<li>").append($("strong", this).text()) 
    $(this).replaceWith(filtered); 
}); 

1. ループ。
2. 新しい<li>要素を作成し、単に作成した<li>要素（filtered）で現在選択されて<li>要素を交換して、すべての<strong>要素
3. のテキストの内容を追加します。これはあなたの方法であなたを取得する必要があります

Answer 4

：また、他の状態として= "ポスト" クラスへ

var htmlText = ""; 
$('.post').find('strong').each(function() { 
    htmlText += "<li class=\"post\">" + $(this).text() + "</li>"; 
}); 

alert(htmlText); 

Answer 5

$('.post').each(function(){ 
    $(this).html($('strong', this).text()); 
}); 

変更ID = "ポスト"。 （id Sは一意である必要があります）あなたはclass='post'にid='post'を変更しようとしていると仮定すると、

Answer 6

：

$("li.post").each(function() { 
    $(this).text($(this).find("strong").text()); 
}); 

これは、リスト項目に関連するすべての属性を保持し、コンテンツのみを置き換えます。

デモ：http://jsfiddle.net/BRnZh/