Как в jquery отловить сложные селекторы?

280

15 ноября 2017, 02:39

Есть собственно селекторы вот такого вида:

#checkbox1:checked + .checkbox-label

Как их выбрать с помощью jquery ? Код такого вида не работает:

$('#checkbox1:checked + .checkbox-label').css({
// здесь провожу манипуляции с css
})

Answer 1

Ваш код рабочий пример по ссылке jsfiddle

Может не работать из-за того, что не найдено ни одного соответствующего элемента. Для того, чтобы понять почему не работает нужна соответствующая часть HTML.

Поясню по #checkbox1:checked + .checkbox-label. Это селектор (“prev + next”). Он ищет элемент "next", который находятся после элемента "prev" в пределах общего "родителя".

Т.е. если разместить prev и next в разных блоках код не сработает.