ID des Eltern-Elternteils vom Typ ul

Question

erhalten Ich habe ein dynamisch hinzugefügtes Element namens .courseBox. Es ist ein <li>, der in einem <ul> residieren wird. Dieser .courseBox Artikel hat einen roten "x" Knopf, der ihn von der <ul> entfernt. Ich habe diese Funktion:

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

Die beiden Klassen .basket und .semester sind beide vom Typ <ul>. Die .courseBox ist zwischen den beiden ziehbar. Beim Ziehen der .courseBox zu einer .semester werden einige Informationen über die .courseBox aktualisiert. Ich finde jedoch keine Möglichkeit, Zugriff auf das Element .semester von meiner oben genannten Funktion aus zu bekommen. Kennt jemand einen Weg, dies zu tun?

Answer 1

Es war ein wirklich dummes Problem. Ich habe das Element in der ersten Zeile innerhalb der Funktion entfernt. Diese Linie sollte bis zum Ende verschoben werden!

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