Перенаправление клика js

44

AlexGr4

15 февраля 2017, 12:21

1638

Доброго времени суток!

Подскажите как реализовать переклик если классы одинаковые?

Вот html:

<div class="c">
<div class="z">1</div>
<div class="x">клюкаю сюда, клик передается ТОЛЬКО на 1</div>
</div>
<div class="c">
<div class="z">2</div>
<div class="x">клюкаю сюда, клик передается ТОЛЬКО на 2</div>
</div>
<div class="c">
<div class="z">3</div>
<div class="x">клюкаю сюда, клик передается ТОЛЬКО на 3</div>
</div>

Есть три блока с классом c. Задача состоит в том, что бы кликая по x в первом блоке, передать клик на z в том же первом блоке.

Если делаю так:

$('.x').css('cursor','pointer').click(function(){
		$('.z').click();
                $('.z').css({'color':'red'});
});

То клик передается по всем классам z во всех трех блоках. А надо что бы передавался в том блоке в котором происходил сам клик по x.

P.S. Блоков не обязательно будет всегда три. Их может быть разное количество. Поэтому через eq() наверно не подойдет способ.

https://jsfiddle.net/e8k8wmug/

S

469

Sitealert

15 февраля 2017, 12:52

#1

$('.x').css('cursor','pointer').click(function(){

		$(this).parent().find('.z').click();

                $(this).parent().find('.z').css({'color':'red'});

});

1

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

AG

44

AlexGr4

15 февраля 2017, 12:55

#2

Sitealert, 🍻

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Зачем быть уникальным в мире, где все можно скопировать