在Jquery中创建元素

Question

我想通过像这样使用"div.someelement"在Jquery/Javascript中创建元素

var SomeElement = $("div.someelement");
$( "#container" ).append( SomeElement );

但是我不想复制同一个类的元素,我想创建一个新的元素.

document.createElement是创造"<div.somelement>"而不是<div class="someelement">

Answer 1

我会使用以下方法动态创建元素

$("<div/>",{
    "class" : "someelement",
    // .. you can go on and add properties
    "css" : {
        "color" : "red"
    },
    "click" : function(){
        alert("you just clicked me!!");
    },
    "data" : {
       "foo" : "bar"
    }
}).appendTo("#container");

Answer 2

试试这个:

var $someelement = $('<div class="someelement"/>').appendTo('#container');

这将创建一个全新的元素#container并保存,$someelement以便以后轻松参考.

http://api.jquery.com/jQuery/#jQuery2

UPDATE

你可以克隆原件然后将其清空.这根本不会影响原始元素.

var $someelement = $('div.someelement').clone().empty().appendTo('#container');