将jquery var插入到附加输入值

我试图获取一个输入值，创建一个变量，然后将其插入并追加到函数中。我让它工作了一段时间，改变了一些东西，现在它只是返回var名字......而这让我疯狂。看代码。将jquery var插入到附加输入值

HTML（我期待在新的任务输入）

<div class="add-task"> 
<h3>Add a task</h3> 
<form id="todo-form"> 
    <input id="new-task" type="text" placeholder="Define task" /> 
    <input type="text" placeholder="How long with this take? (00:00)" /> 
    <input type="button" class="button" value="Add Task" /> 
</form> 
</div>

JS：（我期待在加newTask变种成任务名称的值）

$('.button').on('click', function(){ 
var newTask = $('#new-task').val(); 
console.log(newTask) 
$('.task-container').append('<ul><li class=\"task-list\"><img class=\"checkmark\" src=\"img/checkmark.jpeg\" alt=\"Checkmark-Button\"><input class=\"task-name\" value=+newTask+><input class=\"task-time\" value=\"1:00\"><img class=\"X\" src=\"img/X.png\" alt=\"X-Button\"></li></ul>');

}）;

来源

2015-10-17 Matthew O' Rourke

也许这是完全没有了'。任务，container'元素？ – adeneo

此处串联也有问题。需要在添加一个变量之前使用'''来分割字符串。当你在'''里面使用''时，不需要'''''' –

由于Rajaprabhu Aravindasamy说，你忘了在你的周围追加报价newTask：

$('.task-container').append('<ul><li class="task-list"><img class="checkmark" src="img/checkmark.jpeg" alt="Checkmark-Button"><input class="task-name" value="'+newTask+'"><input class="task-time" value="1:00"><img class="X" src="img/X.png" alt="X-Button"></li></ul>');

It works !

来源

2015-10-17 23:30:27

将jquery var插入到附加输入值

回答

相关问题