jQuery селектор возвращает undefined

Question

Итак, у меня есть класс div с именем question_image1 с четырьмя метками внутри. Мой ввод заключен внутри моей метки <label><input/></label>, поэтому я не использовал атрибут for метки.

Я пытаюсь выбрать все метки, которые не были теми, которые были нажаты внутри класса.

$(".question_image1").click(function(event) {
    $('.question_image1 label').not(event.target).style.opacity = "30%";
});

Здесь очевидная проблема? Одна из возможностей состоит в том, что между классом question_image1 и меткой есть уровень div. Будет ли это проблемой?

Answer 1

Вы пытаетесь использовать свойство DOM style для объекта jQuery. Используйте метод jQuery .css().

$('.question_image1 label').not(event.target).css("opacity", "30%");

Но event.target - это несколько элементов из-за всплытия событий. Поэтому я думаю, вам следует использовать

$('.question_image1').not(this).find("label").css("opacity", "30%");

this будет элементом, к которому было привязано событие.