JQuery селектор: выбор предка, чей потомок имеет атрибут, значение которого установлено

Question

Борьба с селектором CSS. Хотите выбрать все элементы FORM, которые являются предками {элементов, имеющих class = 'required'}. Есть идеи?

Answer 1

Вы можете использовать .closest(), чтобы получить ближайшего предка, соответствующего селектору, например:

$(".required").closest("form")

или, альтернативно, вы можете использовать :has(), как это:

$("form:has(.required)")

Это переводит: <form> элементы, которые содержат элемент с class="required", тот же результат (поскольку формы не могут быть вложенными), просто приходящие с противоположного направления.

Answer 2

Чтобы выбрать все элементы формы предка на любом уровне, будет:

$ (". Обязательная форма")

CSS:

.required form {}

Answer 3

$(".required").parents("form").each(function(){
    $(this) ///... do something
});

как то так?