javascript - jQuery 中的嵌套函数和 (this)

Question

抱歉，这个问题太基本了，但我无法弄清楚..

我想知道如何将此 javascript (jquery) 转换为可以从处理程序调用的函数并利用 $(this)，因为我有许多元素需要使用此处理程序。

这是完整的 jquery atm..

 $(document).ready(function(){

  $(document).on('keyup', '.order-item', function(){
    var price = +$(this).data('price');
    var hmany = +$(this).find('.quantity').val();
    var item = $(this).data('name');
    var subTotal = price * hmany;


    $('.confirm-ul').append('<li>' + item + ' x ' + hmany + ' = €' + subTotal + '</li>');

  });
});

所以我想将其(如下)放入一个函数中并从处理程序中调用它。我遇到的问题是，当代码位于其自己的函数中时，(此)不起作用。

    var price = +$(this).data('price');
    var hmany = +$(this).find('.quantity').val();
    var item = $(this).data('name');
    var subTotal = price * hmany;


    $('.confirm-ul').append('<li>' + item + ' x ' + hmany + ' = €' + subTotal + '</li>');

谢谢

Answer 1

你可以这样做:

$(document).ready(function(){
    $(document).on('keyup', '.order-item', anotherFunction);
});
function anotherFunction() {
    var price = +$(this).data('price');
    var hmany = +$(this).find('.quantity').val();
    var item = $(this).data('name');
    var subTotal = price * hmany;
    $('.confirm-ul').append('<li>' + item + ' x ' + hmany + ' = €' + subTotal + '</li>');
}