- ベストアンサー
jQueryのeqで最後からn番目以降を指定したい
- 画面読込時の処理上、「最後から2番目以降を先頭に追加」という処理をしたく、jQueryの”.eq()”で上手く表現できないでしょうか。
- 最後からn番目を指定する場合は、.eq(-n)とあり、末端は-1となっていたので、.eq(-2)としましたが、上手くいきませんでした。
- 上手くいかなかったので、仕方なく$li.eq(-2)と$li.eq(-1)をそれぞれ実行していますが、もっとシンプルな方法はありませんか？
- webama_fk
- お礼率91% (117/128)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
A No1です。 ＞要素が先頭へ移動することは見受けられませんでした。。。 一応、fx27とie8で確認したのですが… 念のため、テストしたＨＴＭＬ全文を載せておきます。 こちらの環境では下の二つ（5番、6番）が先頭に行きます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>test</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#hoge p:gt(-3)").prependTo("#hoge"); }); </script> </head> <body> <div id="hoge"> <p>１番目 <p>２番目 <p>３番目 <p>４番目 <p>５番目 <p>６番目 </div> </body> </html>
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
自分自身の順序を変更するので、jQueryの内部の処理によってはどうなるのか不明なところがありますが・・・ 手持ちのブラウザで試してみたところ、 $("#hoge p:gt(-3)").prependTo("#hoge"); <div id="hoge"> <p>１番目 <p>２番目 <p>３番目 <p>４番目 <p>５番目 <p>６番目 </div> でそれらしい結果になりますが、ちゃんと調べたわけではありませんので、ご自身で確認なさってください。
お礼
fujillin 様 回答ありがとうございます。 お教え頂きました手法でトライしましたが、要素が先頭へ移動することは見受けられませんでした。。。
お礼
ソースまで書いて頂きありがとうございます。確認してみます。
補足
fujillin 様 どうやらjQueryのバージョンが低い(ver1.7を使用しておりました)ためのようでした。