jquery - 当该类有多个 div 时，jQuery 使“n”类可见

Question

我有 10DIV的班级.sequence-container

是否可以使第 6 和第 8 div 可见/隐藏？

我知道你可以使用

$('.sequence-container div:hidden').next();

但不确定如何使特定 div 在序列中可见？

有什么建议吗？

Answer 1

利用:eq

$('div.sequence-container:eq(5), div.sequence-container:eq(7)').hide();

编辑：:eq从零开始，所以第 6 个 div 实际上是索引 5。谢谢@j08961

Answer 2

怎么样

  $('.sequence-container')
     .filter(function(i){return (i==5 || i==7);})
     .css('visibility','hidden'); //or use .hide() if you want to make it display:none/block

如果您正在谈论可见性/隐藏使用上述内容，如果您想设置显示道具使用.hide()/.show()而不是.css

另请注意，这'.sequence-container div'将选择作为 .sequence-container 后代的 div，但从您的问题来看，这似乎不是您想要的。

您也可以使其灵活。

var filter = [6, 8]; //items to be filtered
$('.sequence-container').filter(function (i) {
    return $.inArray((i+1), filter) > -1;
}).hide();

演示

Answer 3

您实际上可以使用它.css()来做到这一点：

$(function(){
    $('.sequence-container').css('visibility', function(i){
        //if using display rather than visibility, you can also reference
        // the element by using $(this).hide();
        if(i==5||i==7)
            return 'visible'; 
    });
});

演示：http: //jsfiddle.net/dirtyd77/uWqvU/