Javascript if文をappend（ ''）の中に入れますか？

Question

私はこのスクリプトを正確にやっています。 私はナビゲーションバーにjqueryを使ってバックグラウンドfadeIn/fadeOutを追加しています。私の設計では

私は私のナビゲーションバーのためのULの各リチウムの終わりに区切りイメージを持っています。それを追加するには、私のCSSを含むクラス "sep"でスパンを入れて、セパレータイメージを適切な場所にバックグラウンドとして追加します。

私の問題は、各ナビゲーションアイテムの右に表示されるように背景画像が右揃えになっていることです（以下のテキストベースの構造例を参照してください）。セパレータを持たないナビゲーション。

現在の例の構造： （項目1 |項目2 |項目3 |）私はそれになりたい何

： （項目1 |項目2 |項目3）

今これを行うには私は何とかONLY私の最後のliナビゲーション項目の全体"<span class="sep"></span>"またはちょうど"class="sep""を排除する必要がありますjavascriptの内部（そのIDは＃1 N7である）

だから私はそれを行うための一般的な方法を追加するだろうと仮定しています現在のliのIDが＃n7ではない場合の文if if（自分のIDは＃n1から＃n7、＃n7はbeinグラム、最終的な）それは、それは＃N7とした場合、それはすべてのヘルプは素晴らしいことだ、それを

が含まれませんので、"<span class="sep"></span>"に置く感謝。

Javascriptのコード：

$(document).ready(function() { 

//Append a div with hover class to all the LI 
$('#nav li').append('<div class="hover"><span class="sep"></span></div>'); 



$('#nav li').hover(

    //Mouseover, fadeIn the hidden hover class 
    function() { 

    $(this).children('div').fadeIn('1000'); 

    }, 

    //Mouseout, fadeOut the hover class 
    function() { 

    $(this).children('div').fadeOut('1000'); 

}).click (function() { 

    //Add selected class if user clicked on it 
    $(this).addClass('selected'); 

}); 

}); 

Answer 1

あなたはそれ以外のすべてを選択するために、最後の子と:not()を選択するには:last-child疑似クラスを使用することができます。また>は、複数のレベルには下がらず、ただちに子供を見る。

$('#nav > li:not(:last-child)').append('<div class="hover"><span class="sep"></span></div>'); 
$('#nav > li:last-child').append('<div class="hover"></div>'); 

これは標準的なCSSセレクタです。 jQueryでは常に動作しますが、CSSセレクタとしてIEの現在のリリースでは動作しません。

Answer 2

$('#nav li').each(function() { 
    var append_separator = (this != $('#nav li:last')[0]); 
    $(this).append('<div class="hover">' + ((append_separator) ? '<span class="sep"></span>' : '') + '</div>') 
}); 

jsFiddle example