Как добавить данные в текущий блок?

Question

[Илья Паршаков]

Есть несколько динамически созданных блоков с классом test:

<div class='data'>
	<div class='test'>
		<a href='javascript: return false;' class='create-block'>Добавить</a>
	</div>

	<div class='test'>
		<a href='javascript: return false;' class='create-block'>Добавить</a>
	</div>

	<div class='test'>
		<a href='javascript: return false;' class='create-block'>Добавить</a>
	</div>
</div>

При клике на Добавить, хотел бы создать нужный блок именно в текущем блоке div.test в котором и был клик на Добавить.

$(document).on("click", ".create-block", function () {
        $('.test').append('NEW BLOCK!');
    });

Пробую сделать, но у меня получается, что создаются блоки во всех блоках div.test, оно и понятно, так как обработчик так настроен. Но вот вопрос, как исправить, чтобы контент добавлялся именно в текущий блок, где был клик по Добавить?

Answer 1

[0xD34F]

Замените

$('.test').append('NEW BLOCK!');

на

$(this).closest('.test').append('NEW BLOCK!');

Comments

[Илья Паршаков]

Огромное вам спасибо! Вы просто волшебник! :)