将此与其他类选择器结合使用

Question

只是一个快速的。我有以下功能：

$('.menu').on('change', function() {
  $('.menu, .rows').toggle();
});

我希望将第二个.menu替换为this。我怎样才能把它组合起来：

$(this, '.rows').toggle();

不起作用。

由于

Answer 1

你很亲密，试试：

$('.rows', this).toggle();

Answer 2

您可以为选择器设置context，就像这样，

$('.rows', this).toggle();

或者您可以使用.find，就像这样

 $(this).find('.rows').toggle();

Answer 3

由于您尝试合并/选择多个元素，请使用.add() method：

$('.menu').on('change', function() {
  $('.rows').add(this).toggle();
});

或：

$('.menu').on('change', function() {
  $(this).add('.rows').toggle();
});

您使用的是context selector，$(this, '.rows')，相当于：

$('.menu').on('change', function() {
  $('.rows').find('.menu').toggle();
});