使用javascript添加/創建輸入

Question

我有幾個搜索表單，每個表單都有一個輸入值，其類別爲「search_input」。

我想：按鈕點擊補充一點：

<input type="submit" class="searchbtn" value="Search" />

未來每個輸入 <input type="text" class="search_input" autocomplete="off">來。

目前我這樣做使用顯示無和點擊即時設置顯示屏阻止，但形式太多，所以爲了節省一些kb的，而不是在每個窗體上鍵入，我問是否有可能與jQuery來輸入添加的每個.search_input

非常感謝

Answer 1

旁邊使用jQuery很安靜輕鬆添加控制：

$('.search_input').after($('<input type="submit" class="searchbtn" value="Search" />')); 

Answer 2

var $input = $('<input type="submit" class="searchbtn" value="Search" />'); 
$(".search_input").after($input); 

//OR 
//$input.insertAfter(".search_input"); 

Answer 3

$("#button_id").click(function(){ 
    $('<input type="submit" class="searchbtn" value="Search" />').insertAfter(".search_input"); 
}); 

見文檔：[？添加元素陸續] http://api.jquery.com/insertAfter/

Answer 4

$('#addSubmitButtons').click(function(e){ 
    $('.search_input').after('<input type="submit" class="searchbtn" value="Search" />'); 
});