jQuery Delete (Remove) Item from Array using Splice or Grep Properties

By: Suresh Dasari Mar 16, 2015

Introduction:

Here I will explain how to use jQuery to delete or remove item from array or jQuery remove / delete specific element or item from array list with example. By using splice or grep properties in jQuery we can delete or remove specific item / element from array list.

Description:

In previous articles I explained 5 + jQuery flip effect plugin examples, 8 + jQuery page flip book plugin examples, jQuery zoom image on mouse over using zoom plugin, jQuery split string into array by comma, jQuery check if string contains specific text or not and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to delete or remove items from an array with example in jQuery.

By using splice or grep properties we can delete items from an array in jQuery for that we need to write the code like as shown below

Using grep property we can delete items like as shown below

$(function () {

var arr = ["India", "USA","Australia","UK"];

$('#btnDelete').click(function () {

var str = $('#txtCountry').val();

arr = $.grep(arr, function (value) {

return value != str;

});

for (var i = 0; i < arr.length; i++) {

alert(arr[i])

}

});

})

</script>

Using splice property we can delete items like as shown below

$(function () {

var arr = ["India", "USA", "Australia", "UK"];

$('#btnDelete').click(function () {

var str = $('#txtCountry').val();

for (var i = 0; i < arr.length; i++) {

if (arr[i] == str) {

arr.splice(i, 1);

}

for (var i = 0; i < arr.length; i++) {

alert(arr[i])

}

});

})

</script>

If you want to check it in complete example you need to write the code like as shown below

<head>

<title>jquery delete items from array</title>

$(function () {

var arr = ["India", "USA","Australia","UK"];

$('#btnDelete').click(function () {

var str = $('#txtCountry').val();

arr = $.grep(arr, function (value) {

return value != str;

});

for (var i = 0; i < arr.length; i++) {

alert(arr[i])

}

});

})

</script>

</head>

<body>

<div>

Enter Country Name: <input type="text" id="txtCountry" value="India" />

</div>

</body>

</html>

Live Demo

For live demo try to click below button it will delete “India” from list and display remaining items from array

Enter Country Name:

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview

jQuery Delete (Remove) Item from Array using Splice or Grep Properties

0 comments :

Give your Valuable Comments

Tags