找到jquery中的孩子

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个树形结构，那里有一个无序列表（ul），它里面有li项目，在那个项目里它可能是一个span或ul列表。找到jquery中的孩子

这是我的代码中的一个部分：

  <li id="main_li"> 
       <div class="first_division"></div> 
       <span>products</span> 
       <ul style="display: block;"> 
        <li> 
         <div class="division1"></div> 
         <span>products_cat_1</span> 
         <ul style="display: none;"> 
          <li> 
           <span>products_cat_1_milk</span> 
          </li> 
         </ul> 
        </li>     
        <li> 
         <span>products_yoghurt</span> 
        </li>     
        <li> 
         <span>products_butter</span> 
        </li> 
       </ul> 
      </li>

我想在UL标签访问li元素在父李ID为“main_li”，我想它由内点击跨度完成李。

我该如何做到这一点与jQuery的？

回答：

的li元素下ULS其母公司是相匹配的CSS选择器“main_li”是

#main_li > ul > li

进一步下面评论：

要访问UL是一个同级的跨度，你想要next()选择器。如果您在跨度点击处理程序是，跨度会this：

var siblingUL = $(this).next('ul');

回答：

附加一个单击处理程序相关<span>。在处理函数中，使用tree traversal方法导航到感兴趣的节点。

可能有用这里的一些选择：

​​

例）

$("#main_li > span") 
// selects: 
// <span>products</span> 
$("#main_li span") 
// selects: 
// <span>products</span> 
// <span>products_cat_1</span> 
// <span>products_cat_1_milk</span> 
// <span>products_yoghurt</span> 
// <span>products_butter</span>

假设你附上<span>products</span>点击处理程序，并单击处理中要导航到所有<li>儿童你可以这样做：

$("#main_li > span").click(function() { 
    $(this).siblings("ul").children("li").each(function() { 
     // do something with each <li> 
    }); 
});

回答：

如果您有多个LIs', you should use a类rather than ID eg＃main_li`

$(function(){ 
    $('.main_li span').click(function(){ 
    $(this).parents('.main_li').find('li').each(function(){ 
     // your further code here.... 
    }); 
    }); 
});

以上是 找到jquery中的孩子 的全部内容， 来源链接： utcz.com/qa/265168.html

回到顶部