他の要素を保持しながら HTML 要素から特定のテキストを抽出するにはどうすればよいですか?

ブラウザ間の互換性を備えた要素からの特定のテキストの抽出

要素内の他の要素を保持しながら、要素から特定のテキスト ノードを取得するには次のシナリオを考えてみましょう:

<div> 私はテキスト ノード<br> <a></div><br>

目的: 「編集」を削除せずに「私はテキスト ノード」というテキストを取得します。 」 link.

解決策:

次の jQuery コードは、ブラウザ間の互換性を維持しながら、対象のテキスト ノードを効率的に抽出します。

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();

This code:

1. を使用してクラス「title」を持つ要素を選択しますjQuery.
2. contents() メソッドを呼び出して、テキスト ノードを含むすべての子要素を取得します。
3. これらのコンテンツにフィルター関数を適用して、テキスト ノードのみを保持します。
4. 変換text() メソッドを使用して、フィルタリングされたテキスト ノードを単一の文字列に変換します。

その結果、テキスト "I am text ノード」は、「編集」リンクに影響を与えることなく返されます。

以上が他の要素を保持しながら HTML 要素から特定のテキストを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。