javascript - 使用数组来定位 jQuery/JS 中重复类中的特定元素

Question

我在页面上有一个动态生成的 HTML 部分，其中包含大量重复元素，其类为<div class="paraContent">

我可以访问<head>CMS 中的此页面，并希望在数组或脚本中指定元素以隐藏某些元素。

到目前为止我的代码：

var excContent = ['0', '1', '25']

$(".paraContent").each(function(index[excContent]) {
    $(this).hide();
})

score 5 · Accepted Answer

如果我了解您要做什么，那就是paraContent根据索引隐藏一些具有类的元素，您可以这样做

$.each(excContent, function(){$('.paraContent:eq('+this+')').hide()});

或（如果你有一个大数组更快）：

var $all = $('.paraContent');
$.each(excContent, function(){$all.eq(this).hide()});

score 1 · Accepted Answer

虽然这个其他答案是正确的并且非常理想，但我将继续提供替代方法，该方法仍然非常有效并且会迭代所有元素，从而允许您为不在您的项目数组中隐藏的元素做一些事情：

var excContent = {'1': true, '0': true};
$(".paraContent").each(function(index) {
    if (excContent[index.toString()])
        $(this).hide();
})

如您所见，诀窍是使用关联数组而不是普通数组，然后搜索它就变成了一个微不足道的动作。

2 回答 2