这个双线jquery可以缩短到1行吗？

Question

我有这些div,每个都有相同的类.onediv和不同的IDdiv1, div2, div3

<div class="alldivs">
   <div class="onediv" id="div1">
   </div>
   <div class="onediv" id="div2">
   </div>
   <div class="onediv" id="div3">
   </div>
</div>

我想使用jQuery来改变他们的CSS display属性,使所有的人都display none,除了id=div2它是display block.现在我用2行这样做.是否有更快的方法只用一行做同样的事情？

$('.onediv').css('display', 'none');    
$('#div2').css('display', 'block');

Answer 1

如果您正在隐藏/显示兄弟姐妹,那么最通用(并且仍然高效)的解决方案是使用.siblings(),如下所示:

$("#div2").show().siblings().hide();

请注意,.show()和.hide()用于设置快捷方式displayCSS属性像你想在这里(之间none和它是什么之前,block在默认<div>情况下).