javascript - 将 jQuery 选择器和函数保存到变量

Question

我有一个保存/编辑按钮。我希望它根据当前是“保存”按钮还是“编辑”按钮来执行不同的操作。为了清楚起见，我想将 jQuery 选择器和函数保存到一个变量名中，然后调用它:

    $('div#' + id + ' .edit').click(function(){

        var i = this;
        var state = function(st){
            if( typeof st !== 'undefined')
                $(i).html(st);
            else
                return $(i).html();
        };

        if( state() == 'Edit' ) {
            controller.edit(id);
            state('Save');
        } else {
            controller.save();
            state('Edit');
        }

    });

我的问题:有没有更快的方法来做到这一点？类似于以下内容:

    $('div#' + id + ' .edit').click(function(){

        var state = $(this).html;

        if( state() == 'Edit' ) {
            controller.edit(id);
            state('Save');
        } else {
            controller.save();
            state('Edit');
        }

    });

...但这不起作用。

这个例子只是一个例子；我知道有很多方法可以完成它想要做的事情，而无需将选择器和函数保存到变量中。尽管如此，问题仍然存在:是否可以更快地做到这一点？

Answer 1

为什么不只是

$('#' + id + ' .edit').on('click', function(){
    $(this).text(function(_, txt) {
        if (txt == 'Edit') {
            controller.edit(id);
            return 'Save';
        } else if (txt == 'Save') {
            controller.save();
            return 'Edit';
        }
    });
});