javascript - JQuery 快速修复 : I don't know how to call it

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。当我点击 anchor “一”或当我点击“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', this).slideToggle("fast");

返回 ul.test li

Answer 1

试试这个:

$("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");
});