Как выбрать изображение в якоре для применения событий jQuery

Question

Я пытаюсь постепенно вывести изображения в a в моем вертикальном меню при нажатии на h1.но не нашел способ сделать это правильно.самое большее, что я могу получить, - это угасание полного ul, но не конкретных изображений.мой вопрос, как это сделать, какая комбинация селекторов jquery может выбрать эти изображения в якоря.Мое намерение состоит в том, чтобы затемнять эти изображения и снова вводить их с другим действием (событием), например, когда я нажимаю на другие элементы в тех же структурах.Вы можете увидеть мои успехи здесь

заранее спасибо, ребята !!!

Answer 1

Поднимитесь вверх, затем вернитесь вниз.

$(this).closest('.trans').find('img').stop(true,true).fadeOut(500);

Это всегда безопасный шаблон для прицельной формы.

1) Начните с рассматриваемого элемента $(this) или кэшируйте его дляповторное использование var $header = $(this)

2) Перейдите к «контейнеру группы» с помощью .closest ()

3) Выполните детализацию до интересующих элементов с помощью .find ()

Таким образом, ваш код будет более пригодным для повторного использования и более устойчивым к незначительным изменениям в html

Answer 2

Элементы img не являются потомками ul (они более глубокие потомки), поэтому ваш текущий код не работает.Попробуйте:

$(this).siblings().find('li img').stop(true,true).fadeOut(500);