Форум

djonA · #1 (**permalink**) 26.07.2014, 15:19

подскажите как из массива выбрать каждый второй элемент на странице html используя js.

Т.е есть массив

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

мне надо вывести:

<ul>
<li>2</li>
<li>4</li>
</ul>

Но без php.

Vlasenko Fedor · #2 (**permalink**) 26.07.2014, 15:31

без js

<style>li:nth-child(2n+1){display:none;}</style>
<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
</body>

IE > 8

Aetae · #3 (**permalink**) 26.07.2014, 15:34

<style>li:nth-child(odd) {display: none}</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

...upd
Poznakomlus, опередил

. Но у меня всё равно труъшнее.)

djonA · #4 (**permalink**) 26.07.2014, 15:44

А так что бы работало и в ie<8

Vlasenko Fedor · #5 (**permalink**) 26.07.2014, 15:57

Сообщение от djonA

А так что бы работало и в ie<8

php

<body>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
  <script>
    var all_li = document.getElementsByTagName('LI');
    for (var i = 0; i < all_li.length; i += 2) {
      all_li[i].style.display = "none";
    }
  </script>
</body>

Форум

Справочник

Discord чат

Курсы javascript