找到一個正確的父div，從一個ID jQuery的鏈接？

Question

我有我的網站的更新列表，這些更新是使用while循環顯示的。

while ($update = $q -> fetch(PDO::FETCH_ASSOC)) { 

      echo '<div class="displayBox"><div> 
      <span class="date">' . $update['dateTime'] . '</span>'; 
      typeColor($update); 
      echo '</div> 
      <p class="spacer indent">' . $update['message'] . '<a id="' . $update['id'] . '" class="delete deleteUpdate" href="#">Delete</a></p> 
      </div>'; 
     } 

一旦有人點擊刪除按鈕，我運行像一個簡單的jQuery Ajax請求：

$('.deleteUpdate').click(function() { 

var id = $(this).attr('id'); 
$.ajax({data: {deleteUpdate: id}, 
      success: function() { 

     window.location = pageURL; 
    } 
}); 
}); 

成功後我重新加載頁面，是不是可以不重新加載頁面，而是改爲隱藏更新已被刪除，保存服務器請求？我如何讓jquery找到class =「displayBox」的正確父對象？

感謝

Answer 1

使用try jquery parents with selector -

演示 - http://jsfiddle.net/BgnXL/2/

$('.deleteUpdate').click(function() { 
    // self for ajax handling 
    var self = $(this); 
    var id = self.attr('id'); 
    self.parents('.displayBox').hide(); 
}); 

Answer 2

嘗試：

$('#' + id).closest(".displayBox").hide(); 

Answer 3

您可以使用父功能。 http://api.jquery.com/parent/ 我會把這個放在click事件的回調中。

var self = $(this); 
$.ajax({ success:function() { 
    self.parent().hide(); 
}