Получение идентификатора родителя родительского типа ul

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