親のIDの取得ul

Question

私は.courseBoxと呼ばれる動的に追加された要素を持っています。 <ul>の内部にある<li>です。この.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は2つの間でドラッグ可能です。 .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(); 
});