如何索引特定的DIV 简单html dom

Question

如何使用简单的 html dom 获取 div class="age" 的索引号？

         <div class="main">   
          <div id="names">
             <div class="name">...</div>
             <div class="subject">...</div>
             <div class="class">...</div>
             <div class="age">...</div>
            </div>
      </div>

Answer 1

$('#names div').index($('#names > .age'))

这将获取从 0

开始的 div class="age" 的索引

Answer 2

如果您想要 div class="name" 中 div class="age" 的索引，那么这应该可以正常工作。

console.log($(".age").index());

Answer 3

var parent = document.getElementById('names');
var c = parent.children;

for (var i=0; i< c.length; i++) 
  if (c[i].classList.contains('age'))
    console.log('Found at index '+ i);

<div class="main">
  <div id="names">
    <div class="name">...</div>
    <div class="subject">...</div>
    <div class="class">...</div>
    <div class="age">...</div>
  </div>
</div>

Answer 4

使用简单的-html-dom你需要跳过一些障碍：

$el = $html->find('.age', 0);
$i = 0; // start at 0
while($el = $el->previousSibling()) $i++;
echo $i; // 3

如何索引特定的DIV 简单html dom

How to index number of specific DIV simple html dom

php

simple-html-dom