XPath を使用して特定の CSS クラスを選択するにはどうすればよいですか?

XPath を使用した CSS クラスの選択

XPath を使用して .date という名前の CSS クラスを選択しようとしています。ただし、コードは正しく機能しません。その理由を理解し、解決策を見つけるために、複雑な部分を詳しく調べてみましょう。

XPath には、CSS クラスを選択するためのネイティブ同等の機能がありません。代わりに、次の回避策を使用する必要があります。

//*[contains(concat(" ", normalize-space(@class), " "), " foo ")]

この式は、目的のクラス名を持つ要素をフィルター処理して、部分的に存在するだけでなく正確に一致することを確認します。 Normalize-space 関数は、先頭と末尾の空白を削除します。

次のような誤ったアプローチは避けてください。

//*[@class="foo"]

この式は、単一のクラス名を持つ要素にのみ一致し、大文字と小文字が区別されます。

//*[contains(@class, "foo")]

この式は、より大きなクラスの一部であっても、「foo」を含むクラス名を持つ要素と一致します。 list.

要約すると、XPath で正確な CSS クラスを選択するには、前述の式を使用します。このメソッドは、CSS クラス セレクターの動作を正確に模倣し、目的の要素を効果的にフィルター処理します。

以上がXPath を使用して特定の CSS クラスを選択するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。