Javascript 如何在两个输入之间交换值

我有2个输入文本和按钮。。我想同时在两个输入之间交换值。这是我的密码

$（“按钮”）。在（'click'，function（）上{
如果（！（$（this）.hasClass（“单击”））{
$（此）.addClass（“单击”）；
$（“.first”）.val（$（.second”）.val（））；
$（“.second”）.val（$（.first”）.val（））；
}否则{
$（此）.removeClass（“单击”）；
$（“.first”）.val（$（.second”）.val（））；
$（“.second”）.val（$（.first”）.val（））；
}
})

交换

这是因为值已更改。尝试保存var上的旧值

$（“按钮”）。在（'click'，function（）上{
var first=$（“.first”）.val（），
秒=$（“.second”）.val（）；
如果（！（$（this）.hasClass（“单击”））{
$（此）.addClass（“单击”）；
$（“.first”）.val（第二）；
$（“.second”）.val（第一）；
}否则{
$（此）.removeClass（“单击”）；
$（“.first”）.val（第二）；
$（“.second”）.val（第一）；
}
})

交换

$（“按钮”）。在（'click'，function（）上{
var firstVal=$（“.first”）.val（）
var secondVal=$（“.second”）.val（）
如果（！（$（this）.hasClass（“单击”））{
$（此）.addClass（“单击”）；
$（“.first”）.val（secondVal）；
$（“.second”）.val（firstVal）；
}否则{
$（此）.removeClass（“单击”）；
$（“.first”）.val（secondVal）；
$（“.second”）.val（firstVal）；
}
})

交换

在读取另一个值之前，您正在覆盖这两个值中的一个。因此，最终得到的值是相同值的两倍

传统方法是使用临时变量：

$（“按钮”）。在（'click'，function（）上{
$（this.toggleClass（“单击”）；
var temp=$（“.first”）.val（）；
$（“.first”）.val（$（.second”）.val（））；
$（“.second”）.val（临时）；
});

交换
使用中间温度变量来交换它们

$("button").on('click', function() {
    if (!($(this).hasClass("clicked"))) {
        $(this).addClass("clicked");
        var temp = $(".first").val();
        $(".first").val($(".second").val());
        $(".second").val(temp);
    } else {
        $(this).removeClass("clicked");
        var temp = $(".first").val();
        $(".first").val($(".second").val());
        $(".second").val(temp);
    }
});

$（.first”）.val（$（.second”）.val（））$（“.second”）.val（$（“.first”）.val（））
在第一条语句之后猜测
（$（“.first”）
的值。您需要一个额外的变量来保存其中一个值。