JQuery Hide using ID
Я пытаюсь изменить цвет границы изображения, используя его идентификатор с помощью jquery (фотография ['id'] передается из предыдущей функции) Идентификаторы фотографий имеют вид "фото239839"
$('#photo'+photo['id']+'').click(function(){
$('#photo'+photo['id']+'').css('border-color','#777');
});
Когда я пытаюсь использовать тот же код, используя его класс, он работает, но я не могу использовать этот метод, так как на одном и том же страница с тем же классом
$('img.flickr_photo').click(function() {
$("this.flickr_photo").css('border-color','#777');
});
вы пробовали этот docs.jquery.com/Effects/hide ?? в качестве селектора можно использовать img.flickr_photo.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Вот что вам нужно сделать:
$('img.flickr_photo').click(function(){
$(this).css('border-color','#777');
});
Либо фотография ['id'] неверна, либо меняется после настройки обработчика кликов.
Чтобы проверить первый случай, вы можете предупредить (или console.info с FireBug, или что-то еще) длину выбора jQuery:
alert($('#photo'+photo['id']).length);
Решение во втором случае - использовать «это». В обработчике кликов this устанавливается для элемента, вызвавшего событие клика.
$('#photo'+photo['id']).click(function(){
$(this).css('border-color','#777');
});
Редактировать: @Dreas Grech прав, если вы хотите применить поведение ко всем элементам с помощью класса flickr_photo. Если вы можете обобщить селектор для выбора элементов все с помощью одного запроса, лучше сделать это.
Я всегда всегда добавляю класс css, а не встроенный стиль. Гораздо удобнее в обслуживании и расширяемости.
Пример:
$('img.flickr_photo').click(function(){
$(this).addClass('greyishBorder');
});
Я хотел бы увидеть задействованный HTML, чтобы убедиться, что селектор CSS точен.