【问题标题】:Add multiple element using jquery each?每个使用jquery添加多个元素?
【发布时间】:2012-11-27 14:11:22
【问题描述】:

我是新来的,我想问一个关于 jQuery 的问题。 我每个 jquery 都有一些问题,我有代码:

$("#search-submit").click(function(){
    var item = $("<span>asdf</span>");
    $("body").append(item, item);
}

我只是想不通,为什么这个简单的代码不起作用。每次单击按钮时,我只打印一个“asdf”,而不是打印两次“asdf”。 这也行不通。这太傻了……

$("body").append(item);
$("body").append(item);

非常感谢...抱歉我的英语不好

丹尼。

【问题讨论】:

  • Append 将始终附加相同的项目,如果它已经存在,则会移动它。尝试在追加中使用 item.clone()。
  • 你还没有关闭点击方法

标签: javascript jquery append each


【解决方案1】:

你只能追加一个jQuery对象一次,你可以clone对象:

$("#search-submit").click(function() {
    var item = $("<span>asdf</span>");
    $("body").append(item, item.clone());
})

或者附加一个字符串:

$("#search-submit").click(function() {
    var item = "<span>asdf</span>";
    $("body").append(item, item);
})

http://jsfiddle.net/yKyAL/

【讨论】:

  • 这可以节省我的时间...非常感谢!
【解决方案2】:

您可以使用clone

$("#search-submit").click(function() {
    var item = $("<span>asdf</span>");
    $("#test").append(item.clone(), item.clone());
});​

检查小提琴here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-09-25
    • 2021-05-05
    • 1970-01-01
    • 1970-01-01
    • 2019-11-07
    • 2017-01-16
    • 1970-01-01
    相关资源
    最近更新 更多