大佬教程收集整理的这篇文章主要介绍了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>
$('#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 – 如何找到LI是否有孩子UL所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。