javascript - 这个 2 行 jquery 可以缩短为 1 行吗？

Question

我有这些 div，每个都有相同的类 .onediv 和不同的 ID div1、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 是 显示 block 。现在我正在用 2 行这样做。有没有更快的方法只用一条线来做同样的事情？

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

Answer 1

如果您在 sibling 之间隐藏/显示，那么最通用(并且仍然高效)的解决方案是使用 .siblings() ，像这样:

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

请注意 .show() 和 .hide() 是设置 display 的快捷方式您在这里想要的 CSS 属性(介于 none 和之前的值之间，默认情况下为 block <div>)。