如何獲得值，並移除文本框的jQuery

Question

我創建了一個文本框，並將其添加到我的div：

$('<input />').appendTo("#box") 

我想獲得來自用戶輸入的值。

我也想刪除文本框。我試過這個：

$('<input />').remove(); 

但沒有運氣。有任何想法嗎？非常感謝。

Answer 1

你會想嘗試

$("#box").find("input").remove(); 

如果你有哪些你不希望在#box當你追加它刪除，添加一個ID或類的input一些其他文本框到#box。

$('<input />', { "class" : "remove-soon" }).appendTo("#box"); 

然後，您可以使用該類作爲選擇器來刪除它。

$("#box").find(".remove-soon").remove(); 

爲了讓你會使用文本框的值，

$("#box").find(".remove-soon").val(); 

Answer 2

JSbin工作代碼http://jsbin.com/aVuVedA/1/edit

獲取輸入值

var user_value = $('#box input').val(); 

刪除

$('#box input').remove(); 

Answer 3

$(function() { 
    $('#box').on('change','input:text',function() { 
     var userInput = $(this).val(); 
     $(this).remove(); 
    }); 
});