jQuery追加不按预期工作

Question

$('#modal').append('<input type="hidden" value="' + $('#selector').val() || myVar + '">'); 

什么会导致我上面的append不起作用？在它的下一行，我做append("test")，它的工作。我的控制台中没有错误。

Answer 1

您需要使用括号，这样or操作符才会考虑附加到$('#selector').val()而不是input。试试这个：

$('#modal').append('<input type="hidden" value="' + ($('#selector').val() || myVar) + '">'); 

Answer 2

创建input和值分开，然后调用append？

var inputValue = $('#selector').val() || myVar; 
var $input = $("<input>", {"type": "hidden", "value": inputValue }); 
$('#modal').append($input);