如何在jQuery中预先选择带有选项的连接元素？

Question

我想在jQuery中将多个连接的元素添加到父元素中，并使用最干净的代码。现在，我在前面加上一个新的元素到父，是这样的：

HTML

<div id="container"> 
</div> 

的jQuery：

$("<div>", { 
    class: "some-class another-class" 
}) 
.prependTo("#container"); 

生成的HTML

<div id="container"> 
    <div class="some-class another-class"> 
    </div> 
</div> 

我希望能够以这种方式插入多个concatinated元素，并以最有效的方式将类和内部文本应用于它们。最终的输出应该是这个样子：

HTML

<div id="container"> 
    <div class="some-class another-class"> 
    text: <strong><em>text</em></strong> 
    Some more text 
    <button class="class-1 class-2 right"></button> 
    <div class="clear"></div> 
    </div> 
</div> 

有没有办法有多个元素要做到这一点，我有一个元素做它在我的例子上述同样的方式？

我已经创建了一个jsfiddle的开始代码。

Answer 1

这听起来像你想的insertBefore方法：

$("<div>", { class: "some-class another-class" }).insertBefore("#container"); 

这里的文档：
http://api.jquery.com/insertBefore/

Answer 2

最简单的方法，我知道的：

$("<div />").addClass("some-class another-class") 
    .html("text: <strong><em>text</em></strong> 
     Some more text 
     <button class="class-1 class-2 right"></button> 
     <div class="clear"></div> 
    ).appendTo('#container');