jQueryのeqで最後からn番目以降を指定したい

解決済

質問者：webama_fk
質問日時：2014/03/26 15:04
回答数：2件

画面読込時の処理上、「最後から2番目以降を先頭に追加」という処理をしたく、jQueryの”.eq()”で上手く表現できないでしょうか。
”最後からn番目”を指定する場合は、.eq(-n)とあり、末端は-1となっていたので、.eq(-2,-1)としましたが、上手くいきませんでした。
こんな記述をしました。

var $li = $('li','ul#id名');
$('ul#id名').prepend($li.eq(-2,-1));

これでは上手く行かなかったので、仕方なく

$('ul#id名').prepend($li.eq(-2));
$('ul#id名').prepend($li.eq(-1));

としましたが、なんかカッコ悪いですよね。。。一発で追加でるようなやり方ないですかね。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： fujillin
回答日時：2014/03/27 18:08

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. …
<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>

この回答への補足

fujillin　様

どうやらjQueryのバージョンが低い(ver1.7を使用しておりました)ためのようでした。

補足日時：2014/03/31 11:07

通報する

- 0
- 件

通報する

この回答へのお礼

ソースまで書いて頂きありがとうございます。確認してみます。

通報する

お礼日時：2014/03/28 19:18

No.1

回答者： fujillin
回答日時：2014/03/26 18:19

自分自身の順序を変更するので、jQueryの内部の処理によってはどうなるのか不明なところがありますが・・・

手持ちのブラウザで試してみたところ、
$("#hoge p:gt(-3)").prependTo("#hoge");

<div id="hoge">
<p>１番目
<p>２番目
<p>３番目
<p>４番目
<p>５番目
<p>６番目
</div>
でそれらしい結果になりますが、ちゃんと調べたわけではありませんので、ご自身で確認なさってください。