將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插入到附加輸入值

回答

相關問題