jquery - 如何使用 jQuery 折叠嵌套列表？

Question

我有一个嵌套列表:

<ul>
  <li><a href='#'>stuff</a></li>
  <li><a href='#'>stuff2</a></li>
    <ul>
      <li><a href='#'>stuff3</a></li>
    </ul>
  <li><a href='#'>stuff4</a></li>
</ul>

...并希望在单击 li 时折叠嵌套的 ul。在我使用之前

$('UL LI').click(function(){
  $(this).next().slideToggle();
});

...但是当 li 后面没有嵌套 ul 时，这显然会导致问题。有没有更好的方法来做到这一点，或者有没有办法让我确定 $(this).next() 返回的对象是否是 UL？

Answer 1

if($(this).next().is("ul")) {

}

应该可以解决问题。请参阅:http://api.jquery.com/is/