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>

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

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');

如何在jQuery中使用选项添加连接元素？

2 个答案: