jQuery使“n”类在该类有多个div时可见
我在class.sequence容器中有10个DIV 是否可以使第六和第八分区可见/隐藏 我知道你可以用jQuery使“n”类在该类有多个div时可见,jquery,class,visibility,show-hide,Jquery,Class,Visibility,Show Hide,我在class.sequence容器中有10个DIV 是否可以使第六和第八分区可见/隐藏 我知道你可以用 $('.sequence-container div:hidden').next(); 但不确定如何使序列中的特定div可见 有什么建议吗?使用:eq eq是从零开始的,所以第六个div实际上是索引5。谢谢@j08961怎么样 $('.sequence-container') .filter(function(i){return (i==5 || i==7);})
$('.sequence-container div:hidden').next();
但不确定如何使序列中的特定div可见
有什么建议吗?使用:eq
eq是从零开始的,所以第六个div实际上是索引5。谢谢@j08961怎么样
$('.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的后代,但从您的问题来看,它似乎不是您想要的
你也可以让它变得灵活
var filter = [6, 8]; //items to be filtered
$('.sequence-container').filter(function (i) {
return $.inArray((i+1), filter) > -1;
}).hide();
实际上,您可以使用来准确地执行以下操作:
$(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';
});
});
演示:
.eq是基于零的,因此如果他想要第6和第8个div,请使用5和7作为索引。如果我有以下内容,请使用tymeJV-perfect作为旁白:$page=$'。sequence container div:hidden'。下一步;-是否可以将$page设置为后面的一个。下一个如果有意义的话?您可以这样做。下一个。下一个PSL-谢谢-我在这一个方面有点挣扎,当然是在术语方面。实际上,我有一段代码可以迭代并在单击按钮时显示下一个div,但我需要能够跳过一个div——如果这有意义的话。我才意识到我的问题并不能很好地表达这一点!APOLS.$'.sequence container'.filter':lt5,:gt7,:eq6'.hide;->谢谢-非常感谢。
$(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';
});
});