0


0

jqueryを使って上から下にHTMLを生成する簡単な方法

私はJSONレスポンスを処理しそれからHTMLを生成しようとしています。 HTMLを「上から下へ」構築したいです。

entry = document.createElement('div');
entry.class = "Entry";
entry_title = document.createElement('div');
entry_title.appendChild(document.createTextNode('My entry title'));
// and so on

私は、コードを単純化するためにjqueryのHTML解析機能を使いたいと思います。 しかし、私はjqueryでこれを行う方法を見つけることができません - その `append`メソッドは呼び出し元のオブジェクトを返しますが、作成されたものは返しません。

問題は、jqueryを使って上記のコードをどのように単純化できるかということです。

2 Answer


3


var entry = $( '')。addClass( 'Entry')。 append($( '')。text( '私のエントリのタイトル'))
.appendTo('body')

逆に:

var entry = $( '')。text( '私のエントリのタイトル')
.wrap(
$( '')。addClass( 'Entry'))
.parent().appendTo('body')


1


これを試して:

$( 'body')。append($( '')。addClass( 'Entry')。append($( '