Проверить статус glyphicon

[Sayler91]

Добрый день. Подскажите как проверить статус glyphicon связанным с $('h3:contains("Список")')?

<span class="glyphicon glyphicon-chevron-down"></span><h3 class="form-section__title">Список</h3>

Если "chevron-down" то алерт -, если "chevron-up", то алерт +.

[j0hnik]

if($('h3:contains("Список")').prev().hasClass('glyphicon-chevron-down')) alert('-');
if($('h3:contains("Список")').prev().hasClass('glyphicon-chevron-up')) alert('+');

[j0hnik]

или так, если планируете менять структуру документа

if($('h3:contains("Список")').prevUntil('glyphicon').hasClass('glyphicon-chevron-down')) alert('-');
if($('h3:contains("Список")').prevUntil('glyphicon').hasClass('glyphicon-chevron-up')) alert('+');

[Sayler91]

if($('h3:contains("Список")').prevUntil('glyphicon').hasClass('glyphicon-chevron-down')) alert('-');
if($('h3:contains("Список")').prevUntil('glyphicon').hasClass('glyphicon-chevron-up')) alert('-');

Правильно я понимаю, что "prevUntil" работает в той же иерархии? А <span> вроде находится выше <h3>,просто у меня не срабатывает.

[j0hnik]

работает с братскими элементами.
если у вас структура другая, нужно по другому.
в вашем примере вложенность одинаковая.

[Sayler91]

<div class="form-section__header">
<div class="form-section__icon">
<span class="glyphicon glyphicon-chevron-down"></span>
</div>
<h3 class="form-section__title">Список</h3></div>

Получаются они на разных уровнях?

[j0hnik]

да

if($('h3:contains("Список")').prev().children().hasClass('glyphicon-chevron-down')) alert('-');
if($('h3:contains("Список")').prev().children().hasClass('glyphicon-chevron-up')) alert('+');

[Sayler91]

Спасибо все работает как нужно. Понял теперь про

.prev().children()