javascript - 如何使用 jQuery 循环遍历以特定字符串开头的每个 div？

Question

我试图循环遍历以“Held”一词开头的每个 div，并检查将其删除(如果它不存在于另一个对象中)。

这是我所做的

$.each($("div[id^='Held']"), function(key, val){
    var divName = $(this).attr('id');
    var uniqueId = divName.replace('Held', '');

    if ($.inArray(uniqueId, data.onHold) === -1){

        $('#' + ivName).remove();
    }
});

我也尝试过这种语法

$("div[id^='Held']").each(function(key, val){

    var divName = $(this).attr('id');
    var uniqueId = divName.replace('Held', '');

    if ($.inArray(uniqueId, data.onHold) === -1){

        $('#' + ivName).remove();
    }
});

但它没有按预期删除 div

Answer 1

当变量中已有要删除的元素时，无需使用选择器。

$("div[id^='Held']").each(function(){

    var divName = this.id;
    var uniqueId = divName.replace('Held', '');

    if ($.inArray(uniqueId, data.onHold) === -1){
        $(this).remove();
    }
});

您还可以使用.filter:

$("div[id^='Held']").filter(function() {
    var uniqueId = this.id.replace('Held', '');
    return $.inArray(uniqueId, data.onHold) === -1;
}).remove();