在所有EXCEPT第一个实例上加载页面时更改CSS值

Question

我有以下代码片段在页面加载后更改分区的值但是我想知道是否有可能修改它以更改除了第一个类之外的所有分区的值.

jQuery('#accordion div.pane').css('display', 'none');

Answer 1

只需使用:gt选择器选择除第一个之外的所有选项:

jQuery('#accordion div.pane:gt(0)').css('display', 'none');

或者不那么简洁的"notty firsty":

jQuery('#accordion div.pane:not(:first)').css('display', 'none');

为什么不使用hide而不是设置样式:

jQuery('#accordion div.pane:gt(0)').hide();

为了获得更好的性能(以及简洁的解决方案),您可以考虑使用JavaScript Array.slice,它适用于jQuery对象,因为它们是arrayish:

jQuery('div').slice(1).hide();