0

我使用以下内容使用 jQuery 在 JavaScript 中创建对象：

var article_attrs = { 
        'class' : 'class-name',
        click : function_name,
        hover : function_name,
        html : $('<h2>', { html : "Heading" })
    },
    article = $('<article>', atricle_attrs);

这很好用——通过设置html我设置文章内容的属性。

不过，此时我想做的是添加一个<h2>标签，以及一个<div>包含标签的<footer>标签。我对这个元素的大纲将如下所示：

  • 文章
    • h2
    • div
      • 页脚

这样做的最佳方法是什么？（注意这只是一个例子）。

更新：主要问题是，使用html属性，我如何添加多个元素？

我尝试了一个类似问题的方法，但在这种情况下它不起作用：

html : [ $('<h2>', { html : "Heading" }), $('<div>', { html : "Some content" }) ]

我已经制作了这个有效的小提琴..但我的 JS 仍然没有。我肯定错过了一些东西。

编辑：仅适用于 jQuery 1.8.*

4

2 回答 2

0 
var $myEle = $("<article />").append(
                 $("<h2 />").text("...")
             ).append(
                 $("<div />").append(
                     $("<footer />")
                 )
             );

你可以像上面那样嵌套 jQuery.append()方法调用来创建你需要的 HTML 结构。我喜欢这种方法，因为当你阅读它时，它可以很容易地可视化 HTMl 结构。

上面的代码将呈现这个 HTML：

<article>
    <h2>...</h2>
    <div>
        <footer></footer>
    </div>
</article>
于 2012-10-02T15:54:31.037 回答
0

你可以简单地这样写

$('<h2></h2><div><footer></footer></div>').appendTo(article)
于 2012-10-02T10:44:10.197 回答