jQuery .prepend（）の使用方法

Question

.prepend()は、.prepend("<li>item1<li>")のような1行のコードがある場合に機能しますが、クラスなどで複数のdivなど大きなコードブロックを配置しようとすると機能しません。私はしかし、あなたはそれに関数を渡すことができますが、私は構文を理解することはできませんでした。

代わりに$(selector).prepend(function(index,html))を使用する必要がある場合は、これを使用してください。

編集：私はそれに関数を渡すことで動作している、私はまだインデックス、HTMLパラメータを使用する方法を理解していない。その後、

Answer 1

あなたは、文字列を作成する必要があります...

var myString = '<div class="lorem"><div id="temp" class="ipsum"></div></div>'; 

し、それを先頭に追加：

$(selector).prepend(myString); 

注：必ず丹にDOMの挿入を減らします。作業ソリューション：http://jsfiddle.net/mCUWe/

編集：マークアップをフォーマットする場合は、文字列連結と呼ばれる処理を実行できます。同様に動作します：http://jsfiddle.net/mCUWe/1/

var myString = '<div class="lorem">LOREM' 
       +'<div id="temp" class="ipsum">IPSUM' 
       +'</div></div>'; 

更新昨今02/2017

私はセレクタにあなたの現在の要素の位置を教えてくれますES2015 Template-Strings

Answer 2

indexパラメータと一緒に行くことをお勧めし

htmlパラメータは、現在の要素の古いhtmlを通知します

例えば

あなたはulを持って欲しいと懇願するli番号を挿入したい場合は、：

$('ul').find('li').prepend(function(index, html){ 
    return 'li number ' + index; 
})