Как в jQuery в событии обратится к потомку текущего элемента?

Question

[mahbe]

Необходимо определённому диву () задать события mouseenter, mouseleave в которых нужно обратиться к одному из дочерних элементов текущего ( на который навели мышкой). То есть суть в том чтобы когда наводишь на определенный div только внутри него исчезал один див и появлялся другой.

$(".brick2").filter(".sev_list").mouseenter(function() {$(this).find(#first").fadeOut("slow");$(this).find(#first").fadeIn("slow");}).mouseleave(function() {$(this).find(#first").fadeOut("slow");$(this).find(#first").fadeIn("slow");});

<div class="brick2 sev_list" style="height: 410px;">
<i class="li_data"></i>
<h2>Хостинг</h2>
<p id="first">Мы окажем помощь в выборе места для расположения Вашего сайта, установим необходимые настройки. Подберём наиболее подходящий вариант домена для уже существующего сайта или заказанного у нас. Также предоставляем услуги поддержки и обслуживания уже готовых проектов (администрирование). Надёжный хостинг это первый но важный шаг для обеспечения стабильной и безопасной работы Вашего проекта.</p>
<p id="last" class="hidder">Другой текст</p>
</div>

Answer 1

[Илья Ростовцев]

Если объект .brick2 будет повторяться на странице, тогда id first и last использовать будет нельзя, т.к. id должен быть уникальным для страницы.

Замените их на class.

Решение Ваше задачи лежит через использование метода .parent(), например:

$(this).parent('.brick2').find('.first');

Answer 2

[Lisonok]

.find() 	Находит элементы по заданному селектору, внутри выбранных элементов.

Посмотрите
jquery.page2page.ru/index.php5/Работа_с_набором_эл...

Comments

[mahbe]

увы нет, на странице 9 блоков в каждом внутри есть два блока один показан второй скрыт. Нужно чтобы когда нажимаешь на один из 9ти блоков только внутри него второй блок появлялся, а не все вторые блоки во всех 9ти блоках. Нужно как то обратится именно к тому элементу в котором произошло событие клик, а точнее к потомку этого элемента. Я пробовал через this но что-то не выходит

[Илья Ростовцев]

Чтобы использовать .find(), нужно сначала определить родительский контейнер. Смотрите ответ для уточнения.

[Lisonok]

$('селектор').click(function(){
$(this).find('селектор') - будет искать только дочерние элементы у блока, по которому кликнули
});

[Илья Ростовцев]

@Lisonok, Правильно, только до 'селектор', нужно сначала добраться. Посмотрите что пытается сделать человек в вопросе.

[Lisonok]

Понял, ниже решение