jQuery を使用して HTML 要素から特定のテキスト ノードを抽出するにはどうすればよいですか?

要素からテキスト コンテンツを選択的に取得する方法

HTML ドキュメントを操作する場合、要素から特定のテキスト ノードを抽出する必要がある場合があります。要素の構造を変更せずに要素を削除します。次の例を考えてみましょう:

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

このシナリオの目標は、「編集」タグを除いて、「私はテキスト ノード」テキストのみを取得することです。これをブラウザ間互換性のある方法で実現するには、jQuery を利用できます。

jQuery ソリューション:

次の jQuery コードは、" を維持しながらテキスト ノードを効果的に抽出します。編集"タグ:

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

説明:

• このコードは、クラス「title」を持つ要素を選択します。
• その後、その要素のコンテンツ (テキスト ノードとアンカー タグが含まれます)。
• フィルター関数がコンテンツに適用されます。テキスト ノードのみを識別して返します。
• 最後に、text() メソッドを使用して、選択したテキスト ノードからテキスト コンテンツを抽出します。

このアプローチを使用すると、目的のテキストが要素の構造や内容に影響を与えることなく、ノードが取得されます。このソリューションは、複数のブラウザ間での互換性を確保し、さまざまな HTML ドキュメントのシナリオに対応します。

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