jquery - 特定のクラスのすべてのdivの子を再帰的に検索する

Question

<div class="testClass">
    <div>
        <select name="specialName123">
        </select>
    </div>
</div>

<div class="testClass">
    <div>
        <span id="someSpan">
            <select name="specialName123">
            </select>
        </span>
    </div>
</div>

クラス「testClass」があり、名前に「123」が含まれているselectがあるという事実に基づいて、ページで上記の2つのdivを選択するにはどうすればよいですか。

私はそのようにすべての選択を見つけることができ、適切なdivを選択する$('select[name*="123"]')ために使用できることを理解しています。$(".testClass")しかし、どうすればこれらを必要な方法で組み合わせることができますか？

Answer 1

closest次の方法を使用できます。

$('select[name*="123"]').closest('.testClass')

デモ

また：

$('.testClass').has("select[name*=123]")

デモ

Answer 2

なぜだめですか：

$('.testClass select[name*="123"]')

これは、123を含む名前の選択ボックスであるtestclass（任意の深さ）のすべての子をマッシュします。

Answer 3

このメソッドを使用して、のfindすべての子孫を取得することもできtestClassます。これをセレクターでフィルター処理できます。

$('.testClass').find('select[name*="123"]');