jQuery closest() 不处理层次结构中的下一个元素

Question

我有以下 html 结构:

<em class="help fa fa-question-circle text-muted"></em>
<div class="help-wrapper"></div>

当使用以下 JS 时，我认为它会很好，但它不起作用。没有错误或任何错误，只是行不通。

$('.help').on('click', function () {
  $(this).closest('.help-wrapper').fadeToggle(300);
});

Answer 1

在上下文中使用next或siblings

$('.help').on('click', function () {
  $(this).next('.help-wrapper').fadeToggle(300);
});

或

 $('.help').on('click', function () {
  $(this).siblings('.help-wrapper').fadeToggle(300);
});