双击调用单独的函数 JQuery

Question

我正在使用 JQuery 双击功能，当双击 div 时，它会在 div 上附加一串文本。我想要做的是使文本追加成为一个单独函数的一部分，该函数在双击发生时被调用。

我当前的代码是：

$(".class").dblclick(function() {

   $(".class").append(text);

});

我想要做的是有一个单独的函数而不是 $(".class").append(text);，然后在代码的其他地方使用这一行定义这个函数。我如何用函数替换这一行 $(".class").append(text); 然后在其他地方定义它？

希望这是有道理的，谢谢！

Answer 1

$(this) 函数将帮助您使用另一种方法。

$('.class').dblclick(function () {
    appendText($(this).text());
})

function appendText(text) {
    console.log(text.trim());
}

Answer 2

只需创建一个新函数并在其中调用$(".class").append(text);，然后在双击函数上调用此函数即可。像这样：

$(".class").dblclick(function() {
    appendText();
});

function appendText(){
    $(".class").append(text);
}

希望这对你有用。

Calling a Separate Function on Double Click JQuery