画面読込時の処理上、「最後から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));
としましたが、なんかカッコ悪いですよね。。。一発で追加でるようなやり方ないですかね。
No.1
- 回答日時:
自分自身の順序を変更するので、jQueryの内部の処理によってはどうなるのか不明なところがありますが・・・
手持ちのブラウザで試してみたところ、
$("#hoge p:gt(-3)").prependTo("#hoge");
<div id="hoge">
<p>1番目
<p>2番目
<p>3番目
<p>4番目
<p>5番目
<p>6番目
</div>
でそれらしい結果になりますが、ちゃんと調べたわけではありませんので、ご自身で確認なさってください。
fujillin 様
回答ありがとうございます。
お教え頂きました手法でトライしましたが、要素が先頭へ移動することは見受けられませんでした。。。
No.2ベストアンサー
- 回答日時:
A No1です。
>要素が先頭へ移動することは見受けられませんでした。。。
一応、fx27とie8で確認したのですが…
念のため、テストしたHTML全文を載せておきます。
こちらの環境では下の二つ(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>1番目
<p>2番目
<p>3番目
<p>4番目
<p>5番目
<p>6番目
</div>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHPを使って、別サイトの一部を取得して表示したいのです。。 1 2023/01/18 21:45
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- PHP SQLとPHPの連結方法がわからないのでアドバイスお願い致します 1 2022/07/12 12:16
- HTML・CSS display flex の使い方 1 2022/04/25 19:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
質問に答えていくと、回答によ...
-
どの<li><a> が押されたか判別...
-
jQueryのhide,showで中の要素が...
-
固定ナビのJqueryのアコーディ...
-
チェックボックスに入っている...
-
jQuery タブメニューへのダイ...
-
【jQuery】遅延実行(タイムラ...
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
javascriptテキストBOX色を元に...
-
背景色を透明化
-
Slick.jsのオプションrtlについて
-
VBScript+IEのチェックボック...
-
テキストエリア内の一部の文字...
-
getElementByIdの戻り値がnull...
-
removeEventListenerについて
-
createElementで作成した要素を...
-
css固定したフッターが本文と重...
-
クリックで色変更後に既に変更...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
javascriptでEnterキーをtabキ...
-
クリックした<a>タグのみにClas...
-
チェックボックスに入っている...
-
【javascript で動的に a タグ...
-
jquery ドロップダウンメニュー...
-
「jQuery」アコーディオンメニ...
-
jQueryで、リンクURLの一致を確...
-
jQueryのeqで最後からn番目以降...
-
ネストされたチェックボックス...
-
javascriptで、クリックしたら...
-
onmouseoverの表示切り替えが上...
-
文字と数字が混在する要素のsor...
-
jQueryでネスト構造の<li>がク...
-
タブメニューを上下に設置
-
<li></li>の数を制限
-
jQuery多層式アコーディオンメ...
-
どの<li><a> が押されたか判別...
-
CSSとJavaScriptを使ってドロッ...
-
複数の画像をランダム(シャッ...
おすすめ情報