JQuery:如何在另一个变量的元素中追加变量的一个元素?

时间:2014-02-02 01:35:12

标签: jquery variables append children

我使用.load()从php文件中获取两个元素,并将每个元素存储在各自的变量中:

var $one=("<div>");
$one.load("first-url form");  //the element is a form

var $two=("<div>");
$one.load("second-url #button"); //the element is a button with id #button

使用JQuery我想在#button的{​​{1}}内插入$two <form>

两者都由$one组成,其中包含实际元素。

我相信使用<div>.children()的组合可以实现这一点,但我无法理解。

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

虽然.load()可以实现这一点,但我觉得$.get()可能会更容易一些。

var content = $('#content');

// Get the first file...
$.get( "file1.html", function( data ) {

    // Append "file1.html" data to #content
    $(data).appendTo( content );

    // Get the second file...
    $.get( "file2.html", function( data ) {

        // Find #button element from "file2.html" 
        // data and append it to #content form.
        $(data).filter('#button').appendTo( content.find('form') );

    });

});