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&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&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
Post a Comment