链接 jQuery 选择器 :lt 和 :gt

Question

我有一个超过 9 行的表。

如果我这样做：$('table tr:gt(3):lt(6)')，我最后会收到 3 个或 6 个元素吗？为什么？ 所有选择器是否应用于相同的主要选择，或者它们是否连续应用于不同的选择？

Answer 1

由于某种原因 :lt(6) 将在该选择中被忽略，因此它将返回此实例中大于 3 的所有内容。

但是，如果您切换它，它将按预期工作，

$('table tr:lt(6):gt(3)')

将返回 2 行（只有第 4 行和第 5 行位于 6 和 3 之间）。

**编辑：**使用 v.1.3.2

而且，lt(6) 不会被忽略，而不仅仅是按照我的预期工作。 因此 :gt(3):lt(6) 实际上会返回 6 个元素（如果有足够的行的话）

Answer 2

与您想象的不太一样 -

工作演示

基本上，第二个过滤器是按顺序应用的，到第一个过滤器的匹配集。

例如，在有 10 行的表格上，:gt(3) 将过滤到元素 5 - 10，然后 :lt(6) 将应用于 6 个元素，不过滤任何。

如果您将 /edit 添加到演示 URL，您可以使用选择器亲自查看。 如果将第二个过滤器更改为 :lt(2)，则第 5 行和第 6 行会以红色突出显示

Answer 3

我建议您改用 slice() 方法。

http://docs.jquery.com/Traversing/slice#startend

$('table tr').slice(2, 5).addClass("something");

Answer 4

它们按顺序应用，因此首先您将过滤掉前四个元素 (:gt(3))，然后您将过滤掉第六个之后的所有元素 (:lt(6)) 已过滤集合的元素。

想象一下这个 HTML：

<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>
<br/><br/>

然后执行以下 jQuery：

$('br:gt(3):lt(6)').addClass('sel');

您现在将拥有：

<br/><br/>
<br/><br/>
<br class="sel"/><br class="sel"/>
<br class="sel"/><br class="sel"/>
<br class="sel"/><br class="sel"/>
<br/><br/>