javascript - JQuery 不是第一个子选择器

标签 javascript jquery jquery-selectors

我有以下标记:

<div class="feed-item">
  <div class="date-header">2012-06-03</div>
</div>
<div class="feed-item">
  <div class="todo">Todo</div>
</div>
<div class="feed-item">
  <div class="meeting">meeting</div>
</div>

我只想显示不同类名的 div,例如class="todo"并保持“date-header”可见。我有以下 javascript"

$('.feed-cluster,.feed-item-container').not('div:first.date-header').not(className).slideUp(speed, function(){
      $('.feed-cluster' + className + ',.feed-item-container' + className).slideDown(speed);
});

一切正常,除了我试图排除第一个类名为 date-header 的 child :

.not('div:first.date-header')

谁能提出替代方案?

最佳答案

$('div.date-header').slice(1);

应该这样做。

slice最快函数!

Because :first is a jQuery extension and not part of the CSS specification, queries using :first cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method.

替代方法,仍然使用 querySelectorAll 函数:

$('div.date-header').not(':first');

关于javascript - JQuery 不是第一个子选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11152001/

相关文章:

javascript - 使用 Auth0 Lock 时如何在后端管理用户?

javascript - Dropup Bootstrap 类始终保持事件和显示状态

javascript - javascript中如何将字符串转换为函数?

jQuery - 即使另一个元素位于顶部也触发鼠标事件

javascript - 全日历功能中的 AJAX

javascript - 为什么我的大多数 jquery 函数在将消息添加到现有消息列表后停止工作?

选择器中带有变量的 jQuery 选择器

javascript - 检查 span 元素是否包含超过 3 行

javascript - 我可以在 Bootstrap 3 中为折叠 Accordion 指定相对 “data-target”,同时保留 “collapse others” 功能吗?

jquery - 以编程方式检查其值 = $ 的单选按钮