jquery從索引中刪除/選擇元素

Question

我想通過索引刪除一些帶有類的元素。 我來介紹一下。

首先，我創建了一些div，在從ajax獲取結果后給它們提供類和元素。

$.ajax({
            type: "POST",
            url: "myphp.php",
            data: {label: label},
            success: function(result) {

                    var data ="";
                    for (i = 0; i<result.item.length; i++){
                        var data = result.item[i].data;
                        var div = $("<div class ='item'></div>");
                        var divData= "<p class ='divData' > "+ divData+"</p>";
                       }
                },
            dataType: "json",
            error: function(xhr){
                console.log("error");
            }
      });

然后，我想通過單擊必要的刪除所有不必要的div與class =“detail”。

$( document ).on( 'click', '.detail', function() {
    var numItems = $('.detail').length;
    for ( i = 0; i<= numItems; i++) {
        if ( i != $(this).index()){ // if the div is not selected 
             $(".detail").remove(i);//remove unnecessary div
        } 
    }
});

我不知道如何用index刪除一個帶有class =“detail”的元素，為什么$(".detail").remove(i); 不能使用？ 這是合乎邏輯的，不是嗎？

Answer 1

嘗試在此上下文中使用.not()過濾器來簡化您的工作，

$(document).on( 'click', '.detail', function() {
  $(".detail").not(this).remove();
});

無需迭代所有元素。