Javascript 删除LijQuery

好的，我下面要做的是在用户单击id时向添加一个输入字段。这就补充了一个问题，当我试图删除最后一个li时，它不会删除它。能让我知道我做错了什么吗。我是javascript的新手

    var i=3; var ime;

$('#ds').click(function(){

    i++;
    switch(i){
        case 4: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">'; 
            break;
        case 5: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';
            break;
        case 6: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">'; 
            break;
        case 7: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">'; 
            break;
        case 8: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';
            break;
        case 9: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';
            break;
        case 10: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">'; break;
        case 11: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';   
           break;
        case 12: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';
            break;
        case 13: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';
            break;
        case 14: ime='<input type="text" name="weight" placeholder="Pallet Weight (lbs)" id="QT" class="weight"> <input type="text" name="length" placeholder="Length (in)" id="QT"><input type="text" name="width" placeholder="Width (in)" id="QT"><input type="text" name="height" placeholder="Height (in)" id="QT">';i=0; 
            break;
    }
    $('ul').append('<li id="Pallet1" class="inactive"><span class="itemNumber">'+i+'</span>'+ime+'</li>');
});

$('#us').click(function(){
    i--;
    $('li:last').prev().remove();
});

var i=3；变量输入法；
$（'#ds'）。单击（函数（）{
i++；
开关（一）{
案例4：输入法=“”；
打破
案例5：输入法=“”；
打破
案例6:ime=''；
打破
案例7：输入法=“”；
打破
案例8：输入法=“”；
打破
案例9:ime=''；
打破
案例10:ime=''；中断；
案例11:ime=''；
打破
案例12:ime=''；
打破
案例13:ime=''；
打破
案例14:ime=''；i=0；
打破
}
$（'ul'）.append（'li id=“Pallet1”class=“inactive”>'+i+'+ime+''）；
});
$（'#us'）。单击（函数（）{
我--；
$（'li:last'）.prev（）.remove（）；
});

这可能与以下代码有关：

$('#us').click(function(){
    i--;
    $('li:last').prev().remove();
});

由于您正在删除上一个

li

，因此当左侧有1个

li

时，将有0个上一个li要删除。因此，最后一个

li

保持在那里

你可以试试这样的

$('#us').click(function(){
    i--;
    $('li:last').prev().remove();

    if ($('li:last').prev().length == 0 || jQuery.isEmptyObject($('li:last').prev()) == true) {
       $('li:last').remove();
    }

});

这可能会帮助您：

  $('#us').click(function () {
     i--;
     if($('li:last').prev().length>0)
        $('li:last').prev().remove();
     else
        $('li:last').remove();
  });

---

因为您没有删除最后一个li，所以您正在删除最后一个li的前一个兄弟。。。当只剩下1个li时，就没有以前的兄弟要删除了。你不能像那样复制ID。我会创建一个temp元素，附加它，下次通过存储元素本身的ref来删除该元素。为什么有10个case语句，据我所知，它们为ime变量指定了完全相同的值？如果（i>=4&&i确定，您就不能这样做，所以我编辑了li:last to#Pallet1:last，它会删除，但问题是它会从上到下删除它