Добавление / создание ввода с помощью JavaScript

Question

У меня есть несколько форм поиска, и каждая форма имеет входное значение с классом "search_input" .

Я хочу: нажмите кнопку, чтобы добавить это:

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

рядом с каждым входом <input type="text" class="search_input" autocomplete="off">.

В настоящее время я делаю это, используя display none, и по щелчку я настраиваю отображение на блокировку, но форм слишком много, поэтому для того, чтобы сохранить некоторые килобайты вместо того, чтобы печатать их на каждой форме, я спрашиваю, возможно ли это с 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

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

Answer 4

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

см. Документы: http://api.jquery.com/insertAfter/