将Jquery var插入追加输入值

时间:2015-10-17 22:55:38

标签: jquery append var

我正在尝试获取一个输入值,从中创建一个变量,并将其插入并稍后追加到函数中。我让它工作了一点,改变了一些东西,现在它只返回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 var添加到task-name的值中)

$('.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>');

});

2 个答案:

答案 0 :(得分:1)

正如 Rajaprabhu Aravindasamy 所说,你在你的追加中忘记了newTask的引用:

"".join(c for c in s if c.isalpha())
"".join(c for c in s if c.isdigit())

It works !

答案 1 :(得分:-1)

$(this).parents(“ tr”)。children(“ td:eq(1)”)。empty() .append('');