jquery – 如何找到LI是否有孩子UL

我有以下结构：

<ul>
    <li class="static">
        <ul class="static">
        </ul>
    </li>
    <li class="static"></li>
</ul>

正如您所看到的,第一个LI元素在其中有UL,但下一个没有.有没有办法通过jquery找出某个LI是否有UL内部？我想做这样的事情：

if(li has children ul)
{
    do something
}

编辑

我试过以下但是对所有情况都显示“是”.这是我的代码和HTML.在下面的HTML中,只有“Link2”包含子UL而不包含Link1和Link3.我只想在用户点击包含子UL的LI时进行一些操作.

码

$('#DeltaPlaceHolderLeftNavBar div > div > ul > li > a').click(function()
{
   if($('li:has(> ul)'))
      alert("yes");
  else
     alert("no");
});

HTML

<div class="ms-core-navigation" id="DeltaPlaceHolderLeftNavBar">
 <div id="ctl00_PlaceHolderLeftNavBar_QuickLaunchNavigationManager">
  <div class=" noindex ms-core-listMenu-verticalBox" id="zz14_V4QuickLaunchMenu">
   <ul class="root ms-core-listMenu-root static" id="zz15_RootAspMenu">
    <li class="static">
     <a href="link1.PHP" tabindex="0" class="someclass1">
      <span class="someclass2">
       <span class="menu-item-text">Link1</span>
      </span>
     </a>
    </li>
    <li class="static">
     <a href="link2.aspx" tabindex="0" class="someclass3">
      <span class="someclass2">
       <span class="menu-item-text">Link2</span>
      </span>
     </a>
     <ul class="static">
      <li class="static">
       <a href="Link2A.PHP" tabindex="0" class="someclass1">
        <span class="someclass2">
         <span class="menu-item-text">Link2A</span>
        </span>
       </a>
      </li>
      <li class="static">
       <a href="Link2B.PHP" tabindex="0" class="someclass1">
        <span class="someclass2">
         <span class="menu-item-text">Link2B</span>
        </span>
       </a>
      </li>
     </ul>
    </li>
    <li class="static">
     <a href="Link3.PHP" tabindex="0" class="someclass1">
      <span class="someclass2">
       <span class="menu-item-text">Link3</span>
      </span>
     </a>
    </li>
   </ul>
  </div>
 </div>
</div>

解决方法

在您的特定代码中,您似乎需要使用它来引用所单击的元素,然后找到父< li>从那里你只在< li>上操作点击其中：

$('#DeltaPlaceHolderLeftNavBar div > div > ul > li > a').click(function() {
   if($(this).closest("li").children("ul").length) {
       // the clicked on <li> has a <ul> as a direct child
   }
});

在jQuery中,您可以使用.find(“ul”)或.children(“ul”),具体取决于您是仅查找直接后代还是任何后代.

例如,如果您想了解特定的< li>你已经引用的标签有< ul>作为一个直接的孩子,那么你可以这样做：

if ($(el).children("ul").length) {
    // el has a ul as an immediate descendant
}

或者,如果ul可以是任何后代,那么您可以使用：

if ($(el).find("ul").length) {
    // el has a ul as a descendant at any level
}

如果你想找到所有< li>标签包含< ul>在他们下面,你有这两个选项：

您可以获取所有< li>的列表标签包含< ul>里面的任何地方都是这样的：

var tags = $("li").filter(function() {
    return $(this).find("ul").length !== 0;
});

如果您只想要直接后代,可以使用：

var tags = $("li").filter(function() {
    return $(this).children("ul").length !== 0;
});

然后,您可以对这些特定的< li>进行操作.标记只需调用jQuery对象上的方法而不使用if：

var tags = $("li > ul").addClass("hasSubMenu");

jquery – 如何找到LI是否有孩子UL

解决方法

猜你在找的jQuery相关文章