如何用jquery控制第二個父親

Question

我在一個頁面中有一對夫婦嵌套列表我想訪問第二個不是嵌套的第三個ul。我確實想自己控制每個列表。 他們沒有爲他們分配類或Id（他們在動態系統中）。我需要用JavaScript或jQuery來控制它。我可以獲得幫助嗎？

這裏是我的代碼：

<ul class="category-list"> 
    <li class=""><a href="http://example.com/blackberry/">Blackberry</a> 
     <ul> 
      <li class=""><a href="/carrier/">Carrier</a> 
       <ul> 
        <li class=""><a href="/blackberry/at-t/">AT&amp;T</a></li> 
        <li class=""><a href="/blackberry/sprint/">Sprint</a></li> 
        <li class=""><a href="/blackberry/t-mobile/">T-Mobile</a></li> 
        <li class="LastChild"><a href="/blackberry/verizon/">Verizon</a></li> 
       </ul></li> 
      <li class="LastChild"><a href="/blackberry/color/">Color</a> 
       <ul> 
        <li class=""><a href="/blackberry/black/">Black</a></li> 
        <li class="LastChild"><a href="/blackberry/white/">White</a></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
    <li class=""><a href="http://example.com/casio/">Casio</a> 
     <ul> 
      <li class=""><a href="/casio/carrier/">Carrier</a> 
       <ul> 
        <li class=""><a href="/casio/at-t/">AT&amp;T</a></li> 
        <li class=""><a href="/casio/sprint/">Sprint</a></li> 
        <li class=""><a href="/casio/t-mobile/">T-Mobile</a></li> 
        <li class="LastChild"><a href="/casio/verizon/">Verizon</a></li> 
       </ul></li> 
      <li class="LastChild"><a href="/casio/color/">Color</a> 
       <ul> 
        <li class=""><a href="/casio/black/">Black</a></li> 
        <li class="LastChild"><a href="/casio/white/">White</a></li> 
       </ul></li> 
     </ul> 
    </li> 
</ul> 

Answer 1

隨着給定信息的點點，我認爲這是可行的。

// generate a list of ul objects 
var ul_objs = document.getElementsByTagName("ul"); 

// select your desired ul 
var desired_ul = ul_objs[1]; 

// get a list of the children li if necessary 
var desired_ul_children = desired_ul.getElementsByTagName("li"); 

看看這個DOM Tutorial

Answer 2

你應該看看jquery documentation。

這裏可能是您可以使用

• parent()
• children()
• eq()

Answer 3

如果你把它應用到下一個NEVEL孩子，一下子就可以做到這一切的孩子：

$(this).children('ul').anyfunctionyouwanttodohere() 

如果您需要分別對待，你可以這樣做：

$(this).children('ul').each(function(){ 
    // do the something for each ul accordingly 
});