如何用.val（）填充輸入字段？

Question

我正在嘗試編輯我擁有的列表項，並且想使用.val()將父節的文本設置為form字段。 我也想從本地存儲中刪除它，問題是我不知道該怎么做，而且它似乎在網上並不流行，因為我在任何地方都找不到它。

這就是我通過輸入表單輸入數據的方式：

function addTodo(form) {
    var input = $(form).find('input[name="todo"]').first();
    if (input) {    
        var todo = input.val();
        if (Modernizr.localstorage) {
            var todo_list = {};
            if (localStorage.todos) {
                todo_list = JSON.parse(localStorage.todos);
            }   
            var id = +new Date;
            todo_list[id] = {
                name: todo,
                completed: false
            };
            localStorage.todos = JSON.stringify(todo_list); 
            drawTodos();
        }   
        input.val('');
    }
    if ( jQuery.fn.validate ) {
        $(form).validate().resetForm();
    }
}

如何選擇已添加的列表項，使其最終返回輸入欄，以便我可以對其進行編輯？

<section>
            <h1>List</h1>
        </section>
        <section id="todo_list">
            <header>
                <form>
                    <input type="text" name="todo" placeholder="What do you need to do?" />
                    <input type="submit" name="add_todo" value="Add To List" />
                </form>
            </header>
        </section>

我在jQuery中的循環中生成了一些html：

<section class="todo_item" id="item' + id + '"><span id="complete" class="colour complete">Complete</span><span id="incomplete" class="colour incomplete">Incomplete</span><span class="content editable" id="done">' + todo.name + '</span><a href="#" class="remove_todo"><img src="img/delete.png" /></a></section>

Answer 1

為什么不將處理程序附加到具有editable類的范圍？

像這樣：

$(document).ready(function () {
    $(".content.editable").click(function () {
        $("input[name='todo']").val($(this).text());
    });
});

請注意，ID必須是唯一的。 將相同的ID（“完成”，“不完整”，“完成”）分配給多個部分是錯誤的。