javascript - 特定のクラスを持つ最も近い div を見つける

Question

次のような HTML があるとします。

<div>
    <div class="required another_class">
        <div class="some_class">
            <input type="checkbox" name="some_check" value="" />
        </div>
    </div>
</div>

class を持つチェックボックスの親 div を見つけるにはどうすればよいrequiredですか? 上記のように、div には 2 つのクラスrequiredとanother_class. したがって、次のようなもの：

$(':checkbox').closest('div[class=required]');

動作しないでしょう。私は次のようなことができると思いました：

$(':checkbox').closest('div').hasClass('required');

しかし、それもうまくいきません。

Answer 1

.closest()次のように、で CSS セレクターを使用できます。

$(':checkbox').closest('div.required');

Answer 2

または、使用することもできます

$(':checkbox').parents('div.required')