jQuery只附加最后一项

jquery only appends last item

本文关键字：一项 最后 jQuery      更新时间：2023-09-26

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

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

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

这是因为a变量中的元素已经附加到body，所以第二行不会导致任何变化。

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

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

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

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

你可以尝试克隆它.. 克隆（）

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

}）;

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

你也可以尝试下面的代码

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

更容易...

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

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

相关文章：