簡體   English   中英

使用jQuery從數組和HTML列表中刪除項目

[英]Remove item from array and html list using jquery

我有一個名為names[]的JavaScript數組,用於存儲名稱。 (當然)名稱也存儲在html文檔的列表項中,我有這段代碼可以在您單擊名稱時刪除名稱;

$(document).ready(function(){
    $(document).on('click', 'li', function(){
        $(this).remove();
    });
});

誰能告訴我如何從數組names[]刪除同一項目?

更新: names[]的定義如下:

function submit() {
    var theName = document.getElementById("enter").value;

    if (theName == "" || theName.length == 0) {
        return false;
    }

    names.push(theName);
    document.getElementById("name").children[0].innerHTML += "<li>" + names[names.length - 1] + "</li>";
    document.getElementById("enter").value = "";
}

這是通過<input>

Array.prototype.remove = function(item) {
    var index = this.indexOf(item);
    if (index > -1) {
        this.splice(index, 1);
        return true;
    }

    return false;
};    

$(document).ready(function(){
    $(document).on('click', 'li', function(){
        var text = $(this).text();
        names.remove(text);
        $(this).remove();
    });
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM