Jquery:加载之前

时间:2012-03-01 14:22:36

标签: jquery ajax

iam noob @jquery,我应该在指定的元素之前将php生成的div加载到一个地方。我怎样才能做到这一点? 例如:

<div id="something_big">
    <div id="first"></div>
    <div id="third"></div>
</div>

来自外部,来自第一和第三div之间:

<div id="second"></div> 

编辑:我应该以某种方式合并“load”和“insertafter”命令

TY

4 个答案:

答案 0 :(得分:1)

试试这个:

$(document).ready(function() {
   $('#second').insertAfter('#first');
});

答案 1 :(得分:0)

查看此代码:http://jsfiddle.net/b8mzs/1/

您只需在指定元素

之后添加div
jQuery( function() {
  jQuery.noConflict();
  jQuery("#first").after('<div id="second">2</div>');
});

有了这个,我指的是在id为“first”的div之后,jQuery应该添加字符串(这是另一个div)。

noConflict()函数只是我在jQuery中编写的习惯,你可以使用$ sign代替它(删除jQuery.noConflict();然后)

答案 2 :(得分:0)

要将容器移到另一个容器后面,我会使用insertAfter()函数。 第一个元素是要移动的元素。第二个元素是应该在上面的元素。

$(function(){
    $("#second").insertAfter("#first");
});

See example @ jsfiddle

你想加载一些东西。例如。如果您加载位于另一个文件中的容器:

$(function(){

   var loadedDiv = $("#randomDiv").load('ajax/test.html #container');
   $(loadedDiv).insertAfter("#intro");

});

要查看有关加载功能的更多示例,请访问jQuery documentation for this function

答案 3 :(得分:0)

为了记录,干净的东西

$.get("your.php", function(data) {
    $(data.trim()).insertBefore('#third');
});