How to Remove Element from Array in JQuery?

By Hardik Savani July 20, 2023 Category : jQuery

Hi Dev,

Today, in this example, we will learn how to delete array element by value in jquery. we can easily remove array element by value in jquery. we will see two example of jquery remove value from array by value.

If you may require to removing array element by value then you are a right place. i will give you two way to delete array element by value in jquery. first we will use splice() and inArray() for remove key value by value. Another example will be using grep().

You can see both example with output so, you can understand, how it works.

Example 1:

<!DOCTYPE html>
<html>
<head>
   <title>How to Remove Array Element in Jquery by Value? - ItSolutionStuff.com</title>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
  
<script type="text/javascript">
   
    var sites = [ "ItSolutionStuff.com", "HDTuto.com", "NiceSnippets.com", "Hackthestuff.com" ];
  
    sites.splice($.inArray('HDTuto.com', sites),1);
  
    console.log(sites);
  
</script>
  
</body>
</html>

Output:

["ItSolutionStuff.com", "NiceSnippets.com", "Hackthestuff.com"]

Example 2:

<!DOCTYPE html>
<html>
<head>
   <title>How to Remove Array Element in Jquery by Value? - ItSolutionStuff.com</title>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
  
<script type="text/javascript">
  
    var sites = [ "ItSolutionStuff.com", "HDTuto.com", "NiceSnippets.com", "Hackthestuff.com" ];
    var removeItem = "HDTuto.com";
    
    var sitesNew = $.grep(sites, function(value) {
      return value != removeItem;
    });
  
    console.log(sitesNew);
  
</script>
  
</body>
</html>

Output:

Read Also: Laravel JQuery Ajax Loading Spinner Example
["ItSolutionStuff.com", "NiceSnippets.com", "Hackthestuff.com"]

I hope it can help you...

Tags :

We are Recommending you

Popular Posts

Categories

Latest Posts