Javascript .remove（）只删除innerHTML，而不是像我希望的那样删除整个标记

我有一个动态创建的列表。使用“删除”按钮可以删除列表中的项目。然而，出于某种原因，它似乎只是删除了innerHTML，而不是整个标记innerHTML以及所有内容，就像我也想要它一样。这可能与我正在使用的选择器有关，但我似乎无法理解

这是密码

提前谢谢

$('#courses').on('click', '.del', function() {
     var tempIndex = $(this).parentsUntil('li').index();
     reducePlanned(myListInfo[tempIndex-1].credits, myListInfo[tempIndex-1].gpa);
     myListInfo.splice(tempIndex-1,1);
     document.getElementById('hrs_planned').innerHTML = '<b>Hours: '+getStringHrs(planned_hrs)+' GPA: '+toStringGPA(planned_gpa)+'</b>    ';
     document.getElementById('header').innerHTML = 'Total Hours: '+getStringHrs(prev_hrs+planned_hrs)+' GPA: '+toStringGPA(((prev_hrs*    prev_gpa)+(planned_hrs*planned_gpa))/(planned_hrs+prev_hrs));
     $(this).parentsUntil('li').remove();
     return false;
});

$（'courses'）。在（'click'，'del'，function（）上{
var tempIndex=$（this.parentsUntil（'li'）.index（）；
简化计划（myListInfo[tempIndex-1]。学分，myListInfo[tempIndex-1]。gpa）；
myListInfo.拼接（tempIndex-1,1）；
document.getElementById（'hrs_planned'）。innerHTML='Hours:'+getStringHrs（planned_hrs）+'GPA:'+toStringGPA（planned_GPA）+''；
document.getElementById（'header'）.innerHTML='Total Hours:'+getStringHrs（上一个小时+计划小时）+'GPA:'+toStringGPA（（上一个小时*上一个小时）+（计划小时*计划小时）/下一个小时）；
$（this.parentsUntil（'li'）.remove（）；
返回false；
});

如果您希望它删除

li

，则

parentsUntil（）

的记录行为是它不会触及

li

。你需要：

$(this).parentsUntil('li').parent().remove();

.parentsUntil（）

不返回与选择器匹配的元素

---

您想调用

.nestest（）

。

是否希望它删除

li

或

li

的子项？这很有道理，但我尝试过，看不出有什么区别。你知道为什么会这样吗？好吧，在稍微摆弄了一下之后，我把它弄到手了。非常感谢你的提示！