Comment indexer le numéro de DIV simple html dom

Question

comment est-ce que j'obtiendrais le numéro d'index de div class="age" en utilisant simple html dom?

  <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

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 2

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

Cela l'index de la div class="age" à partir de 0

Answer 3

si vous voulez que l'indice de div class="age" dans le div class="name" alors cela devrait fonctionner correctement.

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

Answer 4

Avec simple html-dom vous devez sauter à travers quelques cerceaux:

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