javascript - Jquery SlideToggle 无法与 $(this).find 一起使用

Question

我想选择子“.comment”元素，每次单击“.item”元素时滑动切换它。html代码:

<div class="row col-md-12 item">
  <div class="col-md-4">Name</div>
  <div class="col-md-4">degree of usage</div>
  <div class="col-md-4">price</div>
  <div class="col-md-12 comment">comment</div>
</div>

JS代码

$('.item').on('click', (event) => {
  $('.item > .comment').slideUp(200);
  $(this).find('.comment').slideToggle(200);
});

看起来slideUp效果可以正常工作，但是$(this).find无法捕获其中的'.comment'元素。

Answer 1

问题是因为您使用的是箭头函数，因此 this 的上下文仍然位于外部范围内，而不是引发事件的 .item 元素。如果您想要这种行为，请使用传统函数:

$('.item').on('click', function(e) {
  $('.item > .comment').slideUp(200);
  $(this).find('.comment').slideToggle(200);
});