JQuery：如何将变量的一个元素附加到另一个变量的元素中？答案

【问题标题】：JQuery: how to append one element of a variable inside an element of another variable?JQuery：如何将变量的一个元素附加到另一个变量的元素中？
【发布时间】：2014-02-02 01:35:11
【问题描述】：

我使用.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 我想在$one 的<form> 中插入$two 的#button。

两者都包含一个<div>，其中包含实际元素。

我相信这可以使用.children() 和.append() 的组合来实现，但我就是想不通。

感谢任何帮助。

【问题讨论】：

我不确定我是否明白你在做什么。您想从外部文档加载单个按钮。按钮有什么特别之处？为什么不直接制作一个新按钮 (pastebin.com/GRNQiukD)？ ||我也在想，为什么表单不只包含那个按钮呢？
当然一个按钮不是问题。我需要 .load() 各种 url 的各个部分，并且我想用不同的按钮链接不同的表单——每个按钮都位于不同的 url 中。我不想为每个按钮重写代码（按钮不是简单的提交按钮，每个按钮都有不同的 css。我想知道的是如何定位保存在变量中的 html 中的特定元素。假设我需要向保存在变量 $foo 中的 html 中的第二个
元素添加一个类？

标签： jquery variables append children

【解决方案1】：

虽然.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') );

    });

});

【讨论】：