javascript - How do control a second parent with jquery -


i have couple nested lists in 1 page want access second ul not nested third. want control each list on own . not have classes or id's assigned them (they're in dynamic system). need control javascript or jquery. can on that?

here code:

<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> 

with little bit of information given, think work.

// generate list of ul objects var ul_objs = document.getelementsbytagname("ul");  // select desired ul var desired_ul = ul_objs[1];  // list of children li if necessary var desired_ul_children = desired_ul.getelementsbytagname("li"); 

take @ dom tutorial


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -