0

jquery を使用して、より複雑な html フラグメントを div に追加したいと思います。これを達成することはできますが、単一の追加呼び出しでこれを行うにはどうすればよいですか(現在、いくつかあります)。コメントをお待ちしております。どうもありがとう。例：

<div id="container">
   <h1>Something</h1>
   <!-- Insert here -->
</div>

フラグメントは次のようになります。

var arr = []; // can contain any number of items
//to be used here:
<h4>Something h4</h4><!-- This string is static -->
<p>Some paragraf</p><!-- This string is static -->
<ul> <!-- This is dynamic -->
   <li>arr[0]</li>
   <li>arr[1]</li>
   <li>arr[2]</li>
   <li>arr[...]</li>
</ul>
4

2 に答える 2

0

append()とを 1 回呼び出すだけでこれを実行できますがmap()、単純なループよりも効率的かどうかはわかりませんが、よりクールに見えます。

var arr = ['error 1', 'error 2', 'error 3', 'error 4', 'error 5'];

$('<ul />', {id:'someID'}).append(function() {
    return $.map(arr, function(error) { return $('<li>', {text:error}) });
}).appendTo('#container');

フィドル

于 2013-07-14T23:50:26.110 に答える