2011-02-07 11 views
0

私はこのような構造を持っています。私はそれぞれのliタグでのULのネストされたが取り残さ簡潔にするためにjQueryのヘルプ:最終セレクタ

<ul id="comment_list"> 
<li><ul><li></li></ul></li> 
<li></li> 
<li></li> 
</ul> 

...私は何が起こっているのか、comment_listの最後のLiを削除しようとしていることは、各ネストされたの最後のLiと共に除去なっているですul。それをどうやって止めるの?

$("#comment_list li:last-child").remove(); 

答えて

3

$("#comment_list > li:last-child").remove();

+0

二つの心を持つが、単一の思考:) –

+0

完璧で、私は両方の李さんを削除する原因となったかを把握しようとしている私のアプリをデバッグする時間の良い量を過ごしました。それ以上の演算子の名前はありますか?どこでそれについてもっと知ることができますか? –

+0

@nick: '>'はCSSとjQueryの「直接子孫」([または子](http://meyerweb.com/eric/articles/webrev/200006b.html))要素の象徴です。 –

3

は $( "#のcomment_list>李:最後の子")を試してみてくださいしてみてください。

私は、これは持っている(削除します)。

+0

私の心を読んで終了! :) up'd – simshaun

0

「:最後の子は」と異なっている「:最後の」

「:最後の子が」親の内部のセレクタに一致する複数の子を選択しますグループセレクタです。 ':last'はセレクタに一致する '最後の'要素だけを選択します。

は、代わりにこのコードを試してください:あなたが仲間に役立ちます

$("div#comment_list li:last").remove(); 

希望を!

W.

+0

あなたの投稿に[署名やタグラインを入れない](http://stackoverflow.com/faq#signatures)をお願いします。 –

+0

2つの類似したセレクタを説明してくれてありがとう。 –

+0

マークアップがいいですね! – wilsonpage