Delete a value from array with jquery

Question

<div id="values">10 67 87 100 56</div>

<div id="#val1">87</div>

How can I delete 87 value from array when click the #val1 with jquery?

Show your code with the array please.

Ravi Y
– Ravi Y

2012-11-18 10:45:13 +00:00
Commented Nov 18, 2012 at 10:45 — Ravi Y
– Ravi Y, Commented Nov 18, 2012 at 10:45

Mario S · Accepted Answer · 2012-11-18 10:57:19Z

3

Another way of doing it could be like this:

$(function () {
    $("#val1").click(function() {
        var arr = $("#values").text().split(" "); // Create an array of the values
        var toRemove = $(this).text(); // Get the value to remove

        // Remove the value
        arr = $.grep(arr, function(value) {
            return value != toRemove;
        });

        // Add the new array back as text (without the removed value)
        $("#values").text(arr.join(" "));
    });
});

See fiddle here

answered Nov 18, 2012 at 10:57

Mario S

12k24 gold badges42 silver badges47 bronze badges

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

Comments

Lix · Accepted Answer · 2012-11-18 11:03:29Z

2

Well you are not really talking about an array here. Just some textual values within a <div> element.

What you could do is create an array from the existing values like this -

var selection = $("#val1").text();
var divValues = $("#values").text().split(' ');

Then assemble a new array consisting solely of values that do not match the selected value (in this case 87).

var newValues = [];
$.each(divValues,function(index,value){
  if (value != selection){
    newValues.push(value);
  }
});

Now we join the array values back together to get back to the textual content we extracted earlier.

$("#values").text(newValues.join(' '));

edited Nov 18, 2012 at 11:03

answered Nov 18, 2012 at 10:47

Lix

48.2k12 gold badges107 silver badges134 bronze badges

2 Comments

Mario S Over a year ago

The first example could be a little problematic, I'm thinking if one of the values would be 187, 287, etc...

Lix Over a year ago

@mar - very, very true... I removed that suggestion. Thanks for the feedback.

Mayank K. Swami · Accepted Answer · 2012-11-18 11:05:58Z

2

try something like

var y = [10, 67, 87 ,100 ,56] //or $("#values").text().split(' ');
var removeItem = 67;

y = jQuery.grep(y, function(value) {
  return value != removeItem;
});

JsFiddle

edited Nov 18, 2012 at 11:05

answered Nov 18, 2012 at 10:46

Mayank K. Swami

57.3k23 gold badges130 silver badges148 bronze badges

Comments

Milan Mendpara · Accepted Answer · 2012-11-18 11:09:12Z

1

if #values contains array like data which is separated by space then you can do something like :

 $('#val').click(function () {
            var delVal = $("#val").text();
            var arr = $("#values").text().split(' ');
            $("#values").html("");
            for (i = 0; i < arr.length; i++) {
                if (arr[i] != delVal)
                    $("#values").append(arr[i] + " ");
            }
        });

check this in jsFiddle : http://jsfiddle.net/Milian/buNaM/

edited Nov 18, 2012 at 11:09

answered Nov 18, 2012 at 11:03

Milan Mendpara

3,1315 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

Delete a value from array with jquery

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related