0

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

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

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

4 ответа 4

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');
});
1
  • Очень понравилось Ваше решение, большое спасибо
    – makregistr
    6 мая 2011 в 12:41
0

Если код будет такой:

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

То на JQuery будет примерно такой обработчик:

$('div.1>span>input.selectable').live('focus blur', function(event) {
$(event.target).toggleClass('selected unselected');

var $parent = $(event.target)
    .parent()
    .parent();

if($parent.hasClass('1'))
{
    $parent.toggleClass('selected unselected');
}

});

глянуть можно тут

0

А почему нельзя ставить класс сразу на div, а на input вообще не ставить? Сейчас вы хотите, вместо решения одной проблемы, создать новую.

2
  • нельзя на див сразу вешать, там на сайте некоторый функционал, долго рассказывать
    – makregistr
    6 мая 2011 в 12:42
  • Ну теперь не некоторый будет :) 6 мая 2011 в 12:43
0
$('div.1 input').each(function(){
    $(this).closest('div.1').addClass( $(this).hasClass('selected')?'selected':'' );
    $(this).closest('div.1').removeClass( $(this).hasClass('selected')?'':'selected' );
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.