Javascript 在div之前,但在第一个元素之后
我需要在我的Javascript 在div之前,但在第一个元素之后,javascript,jquery,html,Javascript,Jquery,Html,我需要在我的.container之前(最新的第一个)添加新的分区,但在控件之后(按钮)。可能吗 注意:添加将在按钮下方保留预设控件的新分区对我来说不是一个选项。HTML需要保持完整 小提琴:一个选项: $(document).ready(function(){ $('.add').bind('click', function(){ $('<div />',{class: 'new-control'}) .insertAfter($('.
.container
之前(最新的第一个)添加新的分区,但在控件之后(按钮)。可能吗
注意:添加将在按钮下方保留预设控件的新分区对我来说不是一个选项。HTML需要保持完整
小提琴:一个选项:
$(document).ready(function(){
$('.add').bind('click', function(){
$('<div />',{class: 'new-control'})
.insertAfter($('.container .controls'));
});
});
$(文档).ready(函数(){
$('.add').bind('click',function(){
$('',{class:'新控件'})
.insertAfter($('.container.controls'));
});
});
还有一个:
$(document).ready(function(){
$('.add').bind('click', function(){
$('<div />',{class: 'new-control'})
.appendTo($('.container'));
});
});
$(文档).ready(函数(){
$('.add').bind('click',function(){
$('',{class:'新控件'})
.appendTo($(“.container”);
});
});
参考资料:
一个选项:
$(document).ready(function(){
$('.add').bind('click', function(){
$('<div />',{class: 'new-control'})
.insertAfter($('.container .controls'));
});
});
$(文档).ready(函数(){
$('.add').bind('click',function(){
$('',{class:'新控件'})
.insertAfter($('.container.controls'));
});
});
还有一个:
$(document).ready(function(){
$('.add').bind('click', function(){
$('<div />',{class: 'new-control'})
.appendTo($('.container'));
});
});
$(文档).ready(函数(){
$('.add').bind('click',function(){
$('',{class:'新控件'})
.appendTo($(“.container”);
});
});
参考资料:
使用jQuery的方法将元素添加为给定元素的同级元素:
$(document).ready(function(){
$('.add').bind('click', function(){
$('.container .controls').after('<div class="new-control"></div>');
});
});
$(文档).ready(函数(){
$('.add').bind('click',function(){
$('.container.controls')。在('')之后;
});
});
使用jQuery的方法将元素添加为给定元素的同级元素:
$(document).ready(function(){
$('.add').bind('click', function(){
$('.container .controls').after('<div class="new-control"></div>');
});
});
$(文档).ready(函数(){
$('.add').bind('click',function(){
$('.container.controls')。在('')之后;
});
});
$(函数(){
$('.add')。在('click',function()上{
$('.controls')。在('')之后;
});
});
$(函数(){
$('.add')。在('click',function()上{
$('.controls')。在('')之后;
});
});
+1用于使用{}
而不是$('')访问el规范
+1用于使用{}
而不是$('')访问el规范