如何使用jquery從數組中刪除選定的值

Question

我想從數組中刪除特定值。 我編寫的代碼如下：

   $(".remove", document.getElementById("TXT")).live("click", function () {      
          $(this).parent().remove();
          var removeitem = $(this).parent().attr('id');                         
          pushvar.splice($.inArray(removeitem, pushvar), 1);

      });

在上面的代碼中， pushvar是一個數組。 假設它包含3個元素。當我們點擊其中一個刪除按鈕時，該函數將重復三次。 例如， pushvar包含[5,6,7]元素。 如果我點擊6的刪除按鈕，那么該功能將重復三次。 但是

 pushvar.splice($.inArray(removeitem, pushvar), 1);

將刪除所有三個元素。 但是當我點擊刪除類時，我只想從數組中刪除6。 我怎樣才能做到這一點。

Answer 1

你可以這樣做：

var myArray = [10, 20, 30, 40, 50];
var removeThis = 30;

myArray = jQuery.grep(myArray, function(data){
return data != removeThis;
});

Answer 2

live()已棄用

不推薦使用jQueryversion：1.7，刪除：1.9

所以使用on

 $(".remove,#TXT").on("click", function () {      
      var removeitem = $(this).parent().attr('id');  //get parent id                        
      $(this).parent().remove(); //remove later
      pushvar.splice($.inArray(removeitem, pushvar), 1);

  });

如果萬一加到您的選擇動態，然后使用on代表

  $(document).on("click", ".remove,#TXT",  function () {  

Answer 3

我會做這樣的事情：

$("#TXT").on("click", ".remove", function () {      
    var removeitem = $(this).parent().remove().attr('id');     
    pushvar.splice($.inArray(removeitem, pushvar)-1, 1);
});

因為這似乎對我有用 - > FIDDLE ，但沒有任何HTML，有很多猜測？

Answer 4

試試這個：

$(".remove", document.getElementById("TXT")).live("click", function () {
    $(this).parent().remove();
    var removeitem = $(this).parent().attr('id');

    if ($.inArray(removeitem, pushvar) > 0) pushvar.splice($.inArray(removeitem, pushvar), 1);
});

Answer 5

試試這樣吧

pushvar = [5,6,7];

$('.remove').on("click", function () {    
      var removeitem = $(this).attr('id');  
      pushvar.splice($.inArray(parseInt(removeitem), pushvar), 1);
      document.write(pushvar);
      return false;
  });

見演示