如何用jquery控制第二个父元素

How do control a second parent with jquery

本文关键字：元素 第二个 控制 何用 jquery      更新时间：2023-09-26

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

有了这一点信息，我想这是可行的。

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

你应该看看jquery文档

这里可以使用

    父()
  • 儿童()
  • eq ()

如果您将它应用于下一级子节点和所有子节点，您可以这样做:

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

如果你需要单独处理，你可以这样做:

 $(this).children('ul').each(function(){
  // do the something for each ul accordingly
 });
相关文章：