javascript - jquery 只追加最后一项

Question

我正在尝试使用以下方法将多个音频标签附加到文档的正文jQuery：

$(function () {
    var a = $("<div/>").text("hello");
    $("body").append(a);
    a.text("world");
    $("body").append(a);
});

为什么var a;不被附加两次？我至少希望“世界”出现两次（我知道我正在覆盖“你好”）。

Answer 1

这是因为a变量中的元素已经附加到了body，所以第二行没有变化。

如果要附加两个元素，则需要手动创建第二个，或clone第一个：

$(function () {
    var a = $("<div/>").text("hello");
    $("body").append(a);
    a.text("world");
    $("body").append(a.clone());
});

Answer 2

基本上你已经从一个实例中插入了一个 div 一个变量

示例：http: //jsfiddle.net/kdKV8/4/

你可以尝试克隆它.. clone()

$(function () {
    var a = $("<div/>").text("hello");
    $("body").append(a.clone());
    a.text("world");
    $("body").append(a);

});

http://api.jquery.com/clone/

Answer 3

这可能更容易......

$('body').append($('<div/>').text('Hello'), $('<div/>').text('World'));

做了一个小提琴：http: //jsfiddle.net/filever10/Hh9hq/

Answer 4

你也可以试试下面的代码

$(function () {
        $("body").append($("<div/>").text("hello"));
        $("body").append($("<div/>").text("world"));
    });