Сделать сложную выборку элементов в jquery

Рейтинг: 0Ответов: 1Опубликовано: 06.05.2011

Есть вот такой фрагмент верстки:

<div class="1">
<a href="#">Some link</a>
<span><input class="selected/unselected"></span>
</div>

Хотел спросить как можно выбрать див класс 1 если у него внутри будет инпут селектед (т.е если внутри дива находится инпут селектед, то див должен становиться тоже селектед), и убирать класс если инпут станет анселектед. Инпуты меняют свой класс если кликать на другую кнопку на сайте.

javascript jquery
Источник: Stack Overflow на русском

Ответы

▲ 2Принят
$('div.1').each(function(){
    if($.contains(this, $('input.selected', this)[0]))
        $(this).addClass('selected');
});
$('div.1 input').live('focusin focusout', function(){
    $(this).toggleClass('selected unselected').closest('div.1').toggleClass('selected unselected');
});