JavaScriptを使用した入力の追加/作成

Question

検索フォームはほとんどなく、各フォームの入力値は"search_input"です。

私がしたい：各入力 <input type="text" class="search_input" autocomplete="off">隣

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

：ボタンの上にこれを追加します。

現在のところ、ディスプレイなしとクリック時の表示をブロックするように設定していますが、フォームが多すぎますので、すべてのフォームに入力する代わりにいくつかのkbを保存するために、 jQueryの次の各.search_inputには、コントロールを追加するのは簡単静かだjqueryのを使用して

Answer 1

たくさん

おかげ入力を追加するには：

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