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
    • 分周
      • フッター

これを行う最良の方法は何ですか？(これは単なる例であることに注意してください)。

更新: 主な質問は、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構造を作成できます。この方法が好きなのは、読んだときにHTM1の構造がどのようになるかを簡単に視覚化できるからです。

上記のコードはこの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 に答える