jQuery從用戶輸入點擊創建列表項目點擊

Question

嗨，我需要一些幫助。請參閱下面的代碼。預先感謝您的幫助。

$('#input_listName').keyup(function(){ 
var newList = $(this).val(); 

$('#btn_createList').click(function(){ 
    ('.ul_current').append().html(newList); 
}); 
}); 

<input type="text" id="input_listName"/> 
<br/> 
<button type="submit" class="btn_sendMessage" id="btn_createList">Create List</button> 

<ul class="ul_current"> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
</ul> 

Answer 1

$('#btn_createList').click(function(){ 
    $('.ul_current').append($('<li>', { 
     text: $('#input_listName').val() 
    })); 
}); 

應該這樣做。

演示：http://www.jsfiddle.net/G8pbG/

Answer 2

$('#btn_createList').click(function() {  
    $('.ul_current').append('<li>' + $('#input_listName').val()); 
}); 

演示：http://jsfiddle.net/netdreamer/uvuUe/