獲取每個菜單的子菜單項

Question

我正在使用jquery獲取菜單項。

$(document).ready(function() { 
$("div.MenuItem a").each(function() { 

    var children = $(this).children(); 

    alert(children.length); 
}); 

從這個腳本我需要讓每個孩子的菜單項。但是在這裏它總是給我長度爲1，即使我有很多子菜單Item。

Answer 1

你想幹什麼？

$("div.MenuItem").parent().find("div.MenuItem").length; 

否則你基本上是計算一個菜單項和時間

Answer 2

你應該從父獲得兒童：

$(this).parent().children(); 

希望這有助於。

Answer 3

使用菜單結構，如：

<div id="divMenu"> 
    <ul> 
     <li> 
      <a>Menu1</a> 
      <ul> 
       <li><a>Menu1Sub1</a></li> 
       <li><a>Menu1Sub2</a></li> 
       <li><a>Menu1Sub3</a></li> 
      </ul> 
     </li> 
    </ul> 
</div> 

你將需要：

$("#divMenu > ul > li > a").each(function() { 

    var children = $(this).next('ul').children(); 

    alert(children.length); 
}); 

Answer 4

我已創建演示了you..same像你一樣

$("div.MenuItem").each(function() { 
 
    var children = $(this).children(); 
 
    alert(children.length); 
 
});

<div class="MenuItem"> 
 
    <a>j</a> 
 
    <a>d</a> 
 
    <a>c</a> 
 
    <a>a</a> 
 

 
</div>