javascript - 查找 ul 如果它的父元素是 li

Question

我的html是这样的

<div class="nav-collapse collapse">
  <ul class="nav">
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li class="nav-header">Nav header</li>
        <li><a href="#">Separated link</a></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>
</div>

所以我想通过 Jquery 将所有类添加到元素。我想通过 Jquery 添加 data-toggle 属性。我正在这样做，但不是 100% 正确。我想找到 ul 如果它的父元素是 li 并将类添加到 ul 和父元素

JQUERY

$(".nav-collapse").find("ul").first().addClass("nav");
 $(".nav-collapse").find("li").hast("ul").addClass("nav");
$(".nav").find("li a").attr("data-toggle", "dropdown").append("<b class='caret'></b>");
$(".nav").find("li ul").addClass("dropdown-menu");
$(".nav").find("li ul li").addClass("dropdown-submenu");
$('.dropdown-toggle').dropdown();

Answer 1

获取所有 ul，然后仅过滤那些父级为 li

的元素

$('ul').filter(function(){
    return $(this).parent().is('li')
}).addClass('dropdown-menu')

对于评论中的第二种情况

add dropdown class to the li if it has ul elements as child

$('li:has(ul)').addClass('dropdown')