獲得UL類型父母父母的ID

Question

我有一個動態添加的元素，名爲.courseBox。這是一個<li>，將駐留在<ul>內。這.courseBox項目上有一個紅色的「x」按鈕，它將從<ul>中刪除它。我有這樣的功能：

$(".basket, .semester").on("click", "button.xOut", function(){ 
    $(this).closest(".courseBox").remove(); 
    var parent = $(this).parent(); //.courseBox item 
    var courseNumber = parent.attr('id'); 
    console.log(courseNumber); 
}); 

這兩個類.basket和.semester都是類型<ul>的。 .courseBox可以在兩者之間拖動。在將.courseBox拖動到.semester時，會更新一些關於.courseBox的信息。但是我並沒有找到從上面的函數中訪問.semester元素的方法。有沒有人知道這樣做的方式？

Answer 1

這是一個非常愚蠢的問題。我在該函數的第一行刪除了該項目。這條線應該移到最後！

$(".basket, .semester").on("click", "button.xOut", function(){ 
    var parent = $(this).parent(); //.courseBox item 
    var courseNumber = parent.attr('id'); 
    console.log(courseNumber); 
    console.log($(this).parent().parent().attr("id")); //id of either basket or semester 
    $(this).closest(".courseBox").remove(); 
});