javascript - 这是我应该如何在 jQuery 中使用 .next( [selector] ) 吗？

Question

使用 jQuery，我选择了一个 <a>在一个 div 中并想使用 $(this)选择下一个 div(我想这让它成为一个叔叔？)。

我想为我的所有内容使用相同的类名，所以我只想使用相对于 $(this) 的类名.

这是我所追求的行为示例:

<div><a>click</a></div>
<div> SELECT THIS DIV after click a </div>  (real code below)

我一直在玩，如果我不关闭 <a> 周围的 div，它会工作正常. .next('div")找到 </a> 之后的 div , 但我需要关闭 <a> 的 div . (所以我想这使得 <a> 成为我所在的 div 的子元素。)

所以我需要访问我所在的那一个的叔叔 div？我该怎么做 -

这是我到目前为止一直在玩的东西:

js:

 $(document).ready(function() {
  $('.demo > .row').hide();  
  $('.demo > .box > a').click(function() {
    $(this).next().slideToggle('fast')
    .siblings('div:visible').slideUp('fast');
  });
});

html:

<div class="demo">
    <div class="box"><a>Title 1</a></div>
    <div class="row">
        <ul >
            <li> <a >  <img >  </a></li>
        </ul>
    </div>
</div>

Answer 1

看看 traversal functions由 jQuery 提供。在这种情况下，您需要 parent其次是 next :

$(this).parent().next().slideToggle...