jquery - jqueryを使用して、divの内容をクリアしますが、プレーンテキストを保持します

Question

フォームに div があります。

<div id="foo">
<div>koko</div>
<div>lala</div>
Plain text here
<div>Another div</div>
</div>

「ここにプレーンテキスト」を保持するためにjqueryを使用したいのですが、他のdivに他の内部要素を表示したくありません。

私はこのように使って.notみました：

alert($("#foo).not("div").text());

しかし、何も表示されません。

score 3 · Accepted Answer

あなたがする必要があるのは、次のとおりです。

$('#foo *').remove();

セレクターは #foo 内のすべての要素を選択し、探しているテキストのみが保持されます。

score 2 · Accepted Answer

ラップされたテキストを削除したいだけなら、これでうまくいくかもしれません:

$("#foo *").remove();

私はあなたの質問を誤解していますか？

score 2 · Accepted Answer

これを試して：

var text = $('#foo').clone().find('*').remove().end().text()

score 1 · Accepted Answer

代わりにこれを試してください：

alert($("div#foo").clone().children().remove().end().text());

これが役立つことを願っています!!

score 0 · Accepted Answer

プレーンテキストを取得するもう 1 つの方法は、これらの jQuery メソッド -> contents() および filter() を使用することです。

説明: textおよび commentノードを含む、一致した要素のセット内の各要素の子を取得します。

したがって、DIV ノードと #text ノードの両方を取得できます。

一致した要素のセットを、セレクターに一致するか 、関数の test に合格する要素に減らします。

機能テストでは、必要なもの、つまりテキストノード (nodeType == 3、テキスト) のみを保持します。したがって、最終的には次のようになります。

$("#foo").contents().filter(function(){ return this.nodeType == 3}).text().trim();

（トリム（）は、サンプル内のすべての改行を選択しないようにするためのものです。改行もテキストであるため）

5 に答える 5