javascript - 如何在函数调用模式中使用 'this' 关键字？

Question

我不明白如何在我的函数调用中使用“this”。我有一个函数声明，它在 .ready() 中调用，但不在对象上调用。我试图直接在带有“.btn_toggle”类的按钮旁边切换 div 的可见性。但只有按下按钮旁边的 div。并非所有 div 都紧挨着类为“.btn_toggle”的所有元素。大多数关于主题的 SO 答案/引用都与对象上的函数调用有关，我没有这样做

我所尝试的包括监听类为“.btn_toggle”的任何按钮的点击。并使用 jquery 的 .next() 定位下一个元素。它有效，但会切换“.btn_toggle”旁边的所有 div。

jQuery ( document ).ready( function ( $ ) {

    toggleSubDiv(); 

});

function toggleSubDiv ( ) {
    var btn, target;

    btn = $( '.btn_toggle' );
    target = $( '.btn_toggle' ).next();

    // click listener on btn class 'btn_toggle'
    btn.click( function () {

    // toggle visibility
    target.toggle( );
    });
}

Answer 1

因为 this 将引用处理程序中单击的按钮，只需将其包装在 jQuery 中并对其调用 .next:

btn.click(function() {
  $(this).next().toggle();
});