Question

这是我的HTML：

  <ul class="test">
   <li><a href="#">One</a>
    <ul>
     <li>Content One</li>
    </ul>
   </li>
   <li><a href="#">Two</a>
    <ul>
     <li>Content Two</li>
    </ul>
   </li>
  </ul>

我想要隐藏UL.TEST LI UL。当我点击锚“一”或点击“ul.test li”或“ul.test li a”

时

如果不在“ul.test li ul”中使用CLASS或ID，我该如何做？

我的代码是：

  $(function(){
   $("ul.test li").click(function(e){
    e.preventDefault();
    $(this).slideToggle("fast");
   });
  });

我想做什么：

  $(this + "ul").slideToggle("fast");

我只想隐藏ul.test li ul。

如果？

$("ul.test li a").click(function(e){
  $('ul', this).slideToggle("fast");
});

如何使用ul.test li

返回$('ul', this).slideToggle("fast");

Answer 1

怎么样

$(this).find("ul").slideToggle("fast");

点击处理程序

中的

编辑：

也许这会对你有用。 http://api.jquery.com/category/traversing/tree-traversal/

Answer 2

试试这个：

$("ul.test li").click(function(e){
  $('ul', this).slideToggle("fast");
});

演示：http://jsfiddle.net/9KAhT/

$("ul.test li a").click(function(e){
   $(this).next().slideToggle("fast");
});

JQuery Quickfix：我不知道如何调用它

2 个答案: