Брус удалить родительский элемент элемента

Question

Моя структура:

<p> 
     <span> 
      <input type="text" class="key" value="21"> 
     </span> 
     <span> 
      <input type="text" class="value" value="55"> 

     </span> 
     <span>  
      <a href="#" class="updateAction" data-setting-id="1">update</a> 
      <a href="#" class="deleteAction" data-setting-id="1">delete</a> 
     </span> 
    </p> 

Я пытаюсь удалить родительский элемент, как это всякий раз, когда удаление нажатии ссылки:

$(this).parent().parent().hide(); 
$(this).closest('p').hide(); 

Answer 1

Закрыть входные теги и вызовите preventDefault и он будет работать.

http://jsfiddle.net/P3tEw/

$(document).on("click", ".deleteAction", function (e) { 
    e.preventDefault(); 
    $(this).closest('p').hide(); 
}); 

Answer 2

Попробуйте

$(".deleteAction").click(function(e){ 

    e.preventDefault(); 

    var $this = $(this); 

    $this.closest('p').fadeOut('slow',function(){ 
     $(this).remove(); 
    }); // with a fadeOut effect 

}); 

Check the jsFiddle