どのように特定のDIVシンプルなhtml domの番号を

Question

私はdiv class="age"の単純な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')) 

これは、あなたが、これは正常に動作する必要がありdiv class="name"でdiv class="age"のインデックスが必要な場合は0

Answer 3

から始まるdiv class="age"のインデックスを取得します。あなたには、いくつかのフープを介してジャンプする必要があり、単純なHTML-DOMで

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

Answer 4

：

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