0

$.getを使用してライトボックスのコンテンツを取得しています

$.get('sidebar-lightbox.html', function(data, elem) {

//DO STUFF HERE
 });

私は、大きな（ish）、おそらく20行のHTMLをappendに追加するためのきちんとした方法を探しています。現時点でやっています

 $('.selector').append('<div id="wrapper"><div id="inner"><div id="content"></div></div></div>')

これは、htmlが大きくなるにつれて少し厄介で読みにくくなり、良い方法を探します:)。

4

2 に答える 2

1 
$('<div/>', { id: 'wrapper' }).appendTo('.selector');
$('<div/>', { id: 'inner' }).appendTo('#wrapper');
$('<div/>', { id: 'content' }).appendTo('#inner');

必要に応じて、次のようなこともできます。

$('<div/>', { id: 'wrapper' }).append(
    $('<div/>', { id: 'inner' }).append(
        $('<div/>', { id: 'content' })
     )
).appendTo('.selector')​;

ここでは、任意の数の属性を設定できます。JavaScriptキーワードである属性を文字列に入れることを忘れないでください$('<div/>', { id: 'id', 'class': 'x' })。.attr複数の.html呼び出しをチェーンして、必要なマークアップを取得することもできます。

于 2012-08-22T08:35:57.217 に答える
0

最初に変数を作成してから追加します。読みやすくなります

var stuff = '<div id="wrapper">';
    stuff += '<div id="inner">';

// etc. then you append it
$('.selector').append(stuff);
于 2012-08-22T08:35:18.967 に答える