javascript - 使用 jquery 删除数组

Question

我创建了嵌套数组，然后将其附加到一个 div。当我单击 ID 为“name”的按钮时，带有标题的电影存储在数组 $titelBetyg 中，稍后存储在另一个数组 $films 中。每当我创建一个新的 $titelBetyg 时，我想从我的 div 中删除以前的 $films，然后再用新的替换它。我该怎么做？

Javascript

$(document).ready(function(){

var $films = [];

$('#name').keyup(function(){
            $('#name').css('background-color', 'white');
});

$('#options').change(function(){
            $('#options').css('background-color', 'white');
});

$("#button").click(function(){
    var $titelBetyg = [];

    var $titel = $('#name').val();
    var $betyg = $('#options').val();

    if($titel == ""){
        $('#name').css('background-color', 'red');
        alert("Fail");
    }
    else if($betyg == "0"){
        $('#options').css('background-color', 'red');
        alert("Fail");
    }
    else{

        $titelBetyg.push($titel);
        $titelBetyg.push($betyg);
        $films.push($titelBetyg);

        // here is where i need to remove it before appending the new one

        $('#rightbar').append("<ul>");
        for(i=0; i<$films.length; i++){
            $('#rightbar').append("<li>" + $films[i][0] + " " + $films[i][1] + "</li>" + "<br>");
        }
        $('#rightbar').append("</ul>");
    }
});

$('#stigande').click(function(a,b){

});
$('#fallande').click(function(){

});

});

Answer 1

使用 .empty() 像这样(并附加到 <ul> 而不是其他内容):

var $ul = $("<ul>");
for (var i=0; i<$films.length; i++) {
    $ul.append("<li>" + $films[i][0] + " " + $films[i][1] + "</li><br>");
}
$('#rightbar').empty().append($ul);

顺便说一句，只附加新的而不是清空并重建整个东西可能更容易:

$('#rightbar ul').append("<li>" + $titel + " " + $betyg + "</li><br>");

---

从 #rightbar 中仅删除列表内容(不删除其他任何内容) ，你可以使用这个:

var $ul = $('#rightbar ul').empty();
if (!$ul.length) // if nonexistent…
    $ul = $("<ul>").appendTo('#rightbar'); // create new one


for (var i=0; i<$films.length; i++)
    $ul.append("<li>" + $films[i][0] + " " + $films[i][1] + "</li>");