使用jquery选择段落

Question

我在<p>

中有一个<div id="someDiv">列表

我使用此代码隐藏除第一个

之外的div中的所有

$("#someDiv p:not(:first)").hide();

我想更改代码以执行以下操作：

检查<p>内的<div id="someDiv">是否大于5.如果是，则隐藏除前4个之外的所有div。

如何编写jQuery？

Answer 1

您可以使用greater-than / less-than选择器：

$("#someDiv p:lt(4)").hide(); /* hides 0, 1, 2, 3 */

这会隐藏所有段落小于第五段。要确定是否有5个或更多段落，您需要检查length property：

if ($("#someDiv p").length > 5) {
  $("#someDiv p:gt(3)").hide(); /* hides 4, 5, 6... */
}