jQuery: Remove a specific value from an array using jQuery

Last update on August 19 2022 21:51:35 (UTC/GMT +8 hours)

jQuery Practical exercise Part - I : Exercise-29

Remove a specific value from an array using jQuery.

Sample Solution:

HTML Code :

<!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Remove a specific value from an array using jQuery.</title>
  </head>
  <body>
</body>
  </html>

JavaScript Code:

var y = ['Red', 'Green', 'White', 'black', 'Yellow'];
var remove_Item = 'White';

console.log('Array before removing the element = '+y);
y = $.grep(y, function(value) {
  return value != remove_Item;
});
console.log('Array after removing the element = '+y);

See the Pen jquery-practical-exercise-29 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.

Previous: How to detect a textbox's content has changed using jQuery?
Next: Change button text using jQuery.