Выберите родитель с детьми, который имеет определенный класс

Question

Обновленный вопрос с реальным кодом: Я это

jQuery("dt").has("a.is-expanded").addClass("is-expanded"); 

и

<dt><a href="#accordion1" class="accordion-title accordionTitle js-accordionTrigger is-collapsed is-expanded" aria-expanded="true">Our services</a></dt> 

Я ожидал, чтобы добавить класс является -расширен к dt, так как он содержит a с классом is-expand. Но этого не происходит, и я не понимаю, почему? Если я просто положил, то это сработает, но не если я поместил a.is-expand. Что я делаю не так?

Answer 1

Я подозреваю, что ваш код JS в настоящее время выполняется перед is-expanded классом установленный на элементе a (возможно, нагрузка на корпус).

Кроме того, вы можете оптимизировать селектор:

jQuery("dt:has(a.is-expanded)")` 

Это означает, что Jquery только возвращает список с теми dt о том, что на самом деле имеют соответствующие детей, что является быстрее задачей, чем возвращение всех dt 'ю.ш. (особенно если их много), а затем фильтрацию этого списка с помощью другого вызова выбора.

Answer 2

квалифицируют a в .has() с class selector:

jQuery("dt").has("a.selected").addClass("red"); 

Answer 3

Вы можете включить selected класс в селекторе has().

Для запуска кода при изменении гармошки, прослушивание create и activate событий на гармони: https://api.jqueryui.com/accordion/#events

jQuery("dt").has("a.is-expanded").addClass("is-expanded");

.is-expanded {background:red} 
 
.is-expanded a {color: yellow}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<dt><a href="#accordion1" class="accordion-title accordionTitle js-accordionTrigger is-collapsed is-expanded" aria-expanded="true">Our services</a></dt> 
 
<dt><a href="#accordion1" class="accordion-title accordionTitle js-accordionTrigger is-collapsed" aria-expanded="true">Other</a></dt>