是否可以在另一个函数调用的函数中使用$（this）？

Question

对不起，问题标题，我知道它措辞不是很好，但我不能真正解释我在总结中要求的内容。

我有一个JQuery函数绑定到元素的点击事件。由于可能有缺陷的原因（除了对我个人更有意义），在这个函数中，我打电话给另一个函数。从第二个功能，我希望能够调用$(this)从第一功能，但我不知道如果可能的话，还是怎么办呢，如果我能

例

JQuery的函数，它的工作原理

$('.member-div a').on("click",function(f){ 
    f.preventDefault(); 
    var x = $(this).parent('div').attr('id').slice(-1); 
    $('.member-div').hide(); 
    if($(this).hasClass('next')){ 
     var y = parseInt(x)+1; 
    }; 
    if($(this).hasClass('back')){ 
     var y = parseInt(x)-1; 
    }; 
    $('#section'+y).show(); 
}); 

我试图做

$('.member-div a').on("click",function(f){ 
    f.preventDefault(); 
    newfunc(); 
}); 

function newfunc(){ 
    var x = $(this).parent('div').attr('id').slice(-1); 
    $('.member-div').hide(); 
    if($(this).hasClass('next')){ 
     var y = parseInt(x)+1; 
    }; 
    if($(this).hasClass('back')){ 
     var y = parseInt(x)-1; 
    }; 
    $('#section'+y).show(); 
}; 

我想我明白了为什么第二种方法不起作用（$(this)不会从最初的功能定位标记），但我对如何使其工作

如果丢失我必须，或者如果任何人都可以解释/为什么更好，我会坚持原来的例子！

感谢

Answer 1

永远是在使用this时要小心，因为根据函数调用的上下文，最终可能会使用意外的值。

相反，你应该考虑使用参数：

$('.member-div a').on("click",function(f){ 
    f.preventDefault(); 
    newfunc($(this)); 
}); 

function newfunc(item){ 
    var x = item.parent('div').attr('id').slice(-1); 
    $('.member-div').hide(); 
    if(item.hasClass('next')){ 
     var y = parseInt(x)+1; 
    }; 
    if(item.hasClass('back')){ 
     var y = parseInt(x)-1; 
    }; 
    $('#section'+y).show(); 
}; 

Answer 2

您可以在this引用传递到像这样的功能：

$("a").on("click", function() { 
    foo(this); 
}); 

function foo(obj) { 
    if ($(obj).hasClass("next")) { 
     // ... 
    } 
} 

$(obj)随后的工作方式相同$(this)。

Answer 3

您可以通过“这个”作为一个变量其他功能：

$('.member-div a').on("click",function(f){ 
f.preventDefault(); 
newfunc(this); 
}); 

，然后赶上“这个”通过在新功能的放慢参数：

function newfunc(elem){} 

Answer 4

您可以使用.call()或.apply()通过另一this：

newfunc.call(this);