jquery - 特定の子孫ノードを含む親要素を反復処理する

Question

特定の要素を子孫ノードとして含む親要素のみを反復処理したいと思います。

例えば：

<div class="field">
   <input type="text" />
</div>
<div class="field">
   <input type="button" />
</div>
<div class="field">
   <input type="text" />
</div>

xpathを使用すると、次を使用して実現できることを知っていますdiv[@class = 'field' and input[@type = 'text']]

jQuery では、に似たものを使用したいと思いdiv.field[input[type = 'text']]ます。

私が知っている最も近いオプションは ですdiv.field > input[type = 'text']が、この方法では、div の代わりに入力を反復処理します。

前もって感謝します

Answer 1

jQuery の:has()擬似セレクターを使用できます。

$('.field:has(.text)')

これは非標準のセレクターであるため、通常のセレクターに比べて遅くなります。大量の要素を反復処理する場合は注意してください。