Как повесить один обработчик click на несколько одинаковых элементов и при этом чтобы каждый из них открывался по одному?

Question

[Владимир Юсов]

Подскажите пожалуйста у меня имеется два дива, у каждого дива есть дочерний элемент они скрыты, мне нужно чтобы по клику открывался один блок а у меня открываются все.

<div class="block">
	<div class="item"></div>
</div>

<div class="block">
	<div class="item"></div>
</div>

<div class="block">
	<div class="item"></div>
</div>

================

$('.block').on('click', function(){
	$('.item').show();
});

Answer 1

[Алексей]

Ну как то по подробнее наверное надо... А так вангую! Попробуй вот так, наверное это твое

$('.block').on('click', function() {
    $(this).find('.item').show();
});

Comments

[Сергей delphinpro]

строго говоря, так вешаются обработчики на каждый див, а не один.
Если дословно следовать ТЗ озвученному автором, то так:

$(document).on('click', '.item', function(){
  $(this).show();
});
// или
$(document).on('click', '.block', function(){
  $(this).find('.item').show();
});

[Алексей]

Сергей delphinpro, ну это ты просто вешаешь событие на document (обычно все же на body) и делегируешь его на конкретный элемент (по моему тс имел в виду .item хочет показывать), что конечно более правильным является, согласен... А в ТЗ у него, кстати таких требований небыло :) Это ты уже просто скорее всего по привычке, в правилах хорошего тона

[Сергей delphinpro]

Алексей, было в ТЗ =)
Цитата: Как повесить один обработчик click

[Алексей]

Сергей delphinpro, а ну да, в заголовке, прошу прощения :) упустил из виду...