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

helphelp,
id уникально, лучше использовать class или data-id
... но если очень хочется, раскомментируйте строку ниже
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    i:after{
      content: attr(id);
    }
 </style>

  <script>
     window.addEventListener('DOMContentLoaded', function() {
       var nodes = document.querySelectorAll('i'), obj = {};
          [].forEach.call( nodes, function(i) {
              var id = i.dataset.id;
              //var id = i.id;
            id && (obj[id]++|| (obj[id] = 1))  ;
          });
          Object.keys(obj).forEach(function (id) {
    var div = document.createElement("div");
    div.innerHTML = 'кол-во элементов с "id='+ id + '" : '+ obj[id]
    document.body.appendChild(div)

});

         });
  </script>
</head>

<body>
 <i id='1' data-id='1'></i>
 <i id='2' data-id='2'></i>
 <i id='3' data-id='3'></i>
 <i id='2' data-id='2'></i>
 <i id='1' data-id='1'></i>


</body>
</html>

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