JavaScript jQuery 三元或 .val() 运算符问题

Question

我有以下代码：

var result = $('#txtResult').val();
var input = $('#txtInput').val();
if (result == "0") {
    $('#txtResult').val($('#txtInput').val());
}
else {
    $('#txtResult').val($('#txtResult').val());
}

当我有 " result== '0' " 我想用输入文本框的值来改变它，它工作正常。

我的问题是为什么当我这样写时：

$('#txtResult').val($('#txtResult').val() == "0" ?
                    $('#txtResult').val($('#txtInput').val()) : $('#txtResult').val($('#txtResult').val()));

使用三元（问号）运算符结果文本框和 jQuery 中的 .val() 它在结果文本框上显示 [object Object]。 如果我先尝试使用 f11 调试它，它可以正常工作，但不调试就不能正常工作。

Answer 1

这是因为您将 jQuery 对象设置为值。

您可以将其简化为：

var result = $('#txtResult').val();
$('#txtResult').val($(result == 0 ? '#txtInput' : '#txtResult').val());

附带说明一下，您可能应该是 parsing the value as a number，以便您将数字与 0 进行比较，而不是字符串。

var result = parseInt($('#txtResult').val(), 10);
$('#txtResult').val($(result === 0 ? '#txtInput' : '#txtResult').val());

Answer 2

我认为您对 inline-if 语句感到有些困惑。

在您的示例中，您将 txtResult 的值设置为使用 val() 设置值时 jQuery 返回的对象。

代替：

$('#txtResult').val($('#txtResult').val() == "0" ?
                    $('#txtResult').val($('#txtInput').val()) : $('#txtResult').val($('#txtResult').val()));

应该是：

$('#txtResult').val($('#txtResult').val() == "0" ?
                    $('#txtInput').val() : $('#txtResult').val());