我有一个名为.courseBox
的动态添加元素。它是<li>
,位于<ul>
内。这个.courseBox
项目有一个红色&#34; x&#34;按钮,它将从<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
元素的方法。有谁知道这样做的方法?
答案 0 :(得分:0)
这是一个非常愚蠢的问题。我删除了函数中第一行的项目。这条线应该移到最后!
$(".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();
});