Как вывести 4 элемента одного класса из списка?

Question

[Evgeny57]

Есть список элементов

<div id="spisoc">
<div class="Content">1</div>
<div class="Content">2</div>
<div class="Content">3</div>
<div class="Content">4</div>
<div class="Content">5</div>
<div class="Content">6</div>
</div>

как оставить только первые 4 элемента

Comments

[Evgeny57]

То есть остальным сделать display:none или hide()

Answer 1

[origami1024]

Через js - используй getElementsByClassName

https://codepen.io/origami1024/pen/gOYLzqd

Через css - :nth-child(n+5):

.Content:nth-child(n+5){
  display: none;
}

Comments

[Evgeny57]

Спасибо)

Answer 2

[Сергей delphinpro]

Раз уж есть тег jQuery, то вот из ее документации:
https://api.jquery.com/gt-selector/

В вашем случае:

$('#spisoc > .Content:gt(3)').hide();