Есть вот такой js код:
$(document).ready(function (){
$('.element').click(function (){
$('.text_element',this).remove();
$('.delete',this).remove();
});
});
и вот такие контейнеры html:
<div class='element'>
<div class='text_element'>text_element 1</div>
<div class='delete'> X</div>
</div>
<div class='element'>
<div class='text_element'>text_element 2</div>
<div class='delete'> X</div>
</div>
Код выполняет простую задачу: при клике на содержимое одного из контейнера 'element' блоки 'text_element' и 'delete', относящиеся именно к этому контейнеру удаляются. Все работает как надо. Не устраивает лишь одно. Как сделать так, чтобы блоки (и 'text_element', и 'delete') удалялись только при клике на 'delete' и оставались на месте при клике на 'text_element'? Заранее спасибо.