Показать сообщение отдельно
  #17 (permalink)  
Старый 21.05.2020, 21:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

DDim1000,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    .content {
        background-color: #5458CC;
    }

    </style>
</head>
<body>
<div class="content">

                    <div class="grid-string ">
                        <div class="grid-item">5.</div>
                        <div class="grid-item"><span class="sp-icon" style="background-image: url('fi.png')"></span>Население России</div>
                        <div class="grid-item" style="width: 8%;">2</div>
                        <div class="grid-item" style="width: 8%; margin-right: 10px;"></div>
                        <div class="grid-item">
146 800 000 чел.</div>
                        <div class="grid-item off-ds"></div>
                    </div>
                    <div class="grid-string ">
                        <div class="grid-item">6.</div>
                        <div class="grid-item"><span class="sp-icon" style="background-image: url('am.png')"></span>Население США</div>
                        <div class="grid-item" style="width: 8%;">1</div>
                        <div class="grid-item" style="width: 8%; margin-right: 10px;"></div>
                        <div class="grid-item">328 915 700 чел.</div>
                        <div class="grid-item off-ds"></div>
                    </div>

</div>
<script>
var list_orders = document.querySelectorAll(".content > .grid-string :nth-child(3n + 2):nth-child(-n + 5)");
for (var {textContent} of  list_orders) {
document.write(textContent+"<br>")
}
</script>
</body>
</html>

Последний раз редактировалось рони, 21.05.2020 в 21:30.
Ответить с цитированием