获得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(); 
});