使用jquery从数组和html列表中删除项目

时间:2015-02-28 01:27:12

标签: javascript jquery html

我有一个名为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>完成的。

1 个答案:

答案 0 :(得分:1)

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();
    });
});