从DOM和数组中删除项目

Question

我想从DOM和JS中的数组中删除一个项目。这是我的应用程序：

How it looks in the browser

var shopingArr = [];
var uesrInput = uesrInput.vale;
shopingArr.push(uesrInput);

我将用户输入值推送到shopingArr，它工作正常。

shopingArr:
(3) ["1", "2", "3"]

当用户单击垃圾箱按钮时，它会清除<ul>中的项目，但我也想清除数组中的特定项目。

例如，如果数组是这样的：

["apple", "pineApple", "pear", "banana", "watermelon", "orange"];

如果用户要删除banana，我想从数组中删除banana。

$("ul").on("click", ".my-trash", function () {
  $(this).parent().remove();
  for(var i = 0; i < shopingArr.length; i++) {        
  }
})