Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在div之前,但在第一个元素之后_Javascript_Jquery_Html - Fatal编程技术网

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规范