画面読込時の処理上、「最後から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.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>
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 様
回答ありがとうございます。
お教え頂きました手法でトライしましたが、要素が先頭へ移動することは見受けられませんでした。。。
お探しの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を探す
おすすめ情報
- ・「みんな教えて! 選手権!!」開催のお知らせ
- ・漫画をレンタルでお得に読める!
- ・「これいらなくない?」という慣習、教えてください
- ・今から楽しみな予定はありますか?
- ・AIツールの活用方法を教えて
- ・【選手権お題その3】この画像で一言【大喜利】
- ・【お題】逆襲の桃太郎
- ・自分独自の健康法はある?
- ・最強の防寒、あったか術を教えてください!
- ・【大喜利】【投稿~1/9】 忍者がやってるYouTubeが炎上してしまった理由
- ・歳とったな〜〜と思ったことは?
- ・ちょっと先の未来クイズ第6問
- ・モテ期を経験した方いらっしゃいますか?
- ・好きな人を振り向かせるためにしたこと
- ・【選手権お題その2】この漫画の2コマ目を考えてください
- ・【選手権お題その1】これってもしかして自分だけかもしれないな…と思うあるあるを教えてください
- ・スマホに会話を聞かれているな!?と思ったことありますか?
- ・それもChatGPT!?と驚いた使用方法を教えてください
- ・見学に行くとしたら【天国】と【地獄】どっち?
- ・これまでで一番「情けなかったとき」はいつですか?
- ・この人頭いいなと思ったエピソード
- ・あなたの「必」の書き順を教えてください
- ・14歳の自分に衝撃の事実を告げてください
- ・人生最悪の忘れ物
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryのsortableで一部ソート...
-
JQueryタブのアクティブ アン...
-
タブ切り替えの初期表示について
-
javascriptでフォーカスを当て...
-
javascript テキストエリアを1...
-
JS <a></a>タグ内のリンク先ア...
-
文字と数字が混在する要素のsor...
-
質問に答えていくと、回答によ...
-
PHPでログインフォーム
-
マウスオーバーで開閉できるア...
-
ページの上下に同じタブメニュ...
-
クリックした<a>タグのみにClas...
-
指定した配列と一致したデータ...
-
jQueryでネスト構造の<li>がク...
-
「jQuery」アコーディオンメニ...
-
MAX関数を使ってからLEFT JOIN...
-
console.log結果をhtmlで表示し...
-
OpenCVで固定枠で画像を操作す...
-
インラインフレームのみをスク...
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryのeqで最後からn番目以降...
-
jqueryのsortableで一部ソート...
-
「jQuery」アコーディオンメニ...
-
クリックした<a>タグのみにClas...
-
ネストされたチェックボックス...
-
タブ切り替えの初期表示について
-
【javascript で動的に a タグ...
-
javascript テキストエリアを1...
-
大量のチェックボックス状態取...
-
javascriptでフォーカスを当て...
-
質問に答えていくと、回答によ...
-
jQueryのhide,showで中の要素が...
-
JS <a></a>タグ内のリンク先ア...
-
gridstack.jsについて教えてく...
-
JQueryタブのアクティブ アン...
-
jquery ドロップダウンメニュー...
-
どの<li><a> が押されたか判別...
-
タブメニューを上下に設置
-
文字と数字が混在する要素のsor...
-
Jquery の slide.toggle で要素...
おすすめ情報