Remove item from array and html list using jquery

Question

I have a javascript array called names[] which stores names. (ofcourse) The names are also stored in list items in my html document, I have this code that removes a name when you click on it;

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

Can anyone tell me how I remove the same item from the array names[]?

UPDATE: names[] is defined as follows:

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 = "";
}

This is done with an <input>.

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 = ""; } This is done with <input> — marcel jager
– marcel jager, Commented Feb 28, 2015 at 1:29
FYI, Next time you want to add details to your question, please add the edits to the actual post rather than putting them here in the comments. — Sumner Evans
– Sumner Evans, Commented Feb 28, 2015 at 5:10

Semyon Tikhonenko · Accepted Answer · 2015-02-28 01:42:11Z

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

answered Feb 28, 2015 at 1:42

Semyon Tikhonenko

4,2927 gold badges42 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

marcel jager Over a year ago

-edit I accidently pressed a button, it does work, thanks, but a explanation would be nice.

Collectives™ on Stack Overflow

Remove item from array and html list using jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related