Question

我的搜索表单很少，每个表单的输入值都为“search_input”。

我想：点击按钮添加：

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

每个输入旁边 <input type="text" class="search_input" autocomplete="off">。

目前我这样做是使用display none和点击即时设置显示阻止，但表单太多，所以为了保存一些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" />');
});

使用javascript添加/创建输入

4 个答案: