Выберите абзац с помощью jquery

Question

У меня есть список <p> внутри <div id="someDiv">

Я использую этот код, чтобы скрыть все

в div, кроме первого

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

Я хочу изменить код, чтобы сделать следующее:

Проверьте, если <p> внутри <div id="someDiv"> больше 5. Если это так, скрыть все div, кроме первых 4.

Как написать jQuery?

Answer 1

Вы можете использовать селекторы больше чем / меньше чем :

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

Это скрыло бы все параграфы меньше пятого. Чтобы определить, есть ли 5 ​​или более абзацев, вы проверите свойство length :

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