0

我在一个页面中有几个嵌套列表，我想访问第二个不嵌套的 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>
4

3 回答 3

0

有了一点点信息，我认为这会奏效。

// 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 教程

于 2013-05-10T03:18:00.140 回答
0

您应该查看jquery 文档。

在这里你可能可以使用

于 2013-05-10T03:20:09.550 回答
0

如果你一次将它应用到下一个 nevel 孩子和所有孩子，你可以这样做：

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

如果您需要单独治疗，您可以这样做：

 $(this).children('ul').each(function(){
  // do the something for each ul accordingly
 });
于 2013-05-10T03:33:13.627 回答