• 締切
  • すぐに回答を!

<li>タグの順番を入れ替える方法

  • 質問No.7989805
  • 閲覧数1105
  • ありがとう数0
  • 回答数2

お礼率 25% (1/4)

<ul>
<li id="category-125" class="category">
<li id="category-123" class="category">
<li id="category-126" class="category">
<li id="category-124" class="category">
</ul>

この様なリストが有った場合

jQueryなどで順番を

<ul>
<li id="category-124" class="category">
<li id="category-126" class="category">
<li id="category-125" class="category">
<li id="category-123" class="category">
</ul>

この様に入れ替える事はできるでしょうか?
<li>はphpにより生成されているらしく直接順番を変えることができませんでした。
IDの数字を元に昇順、降順に順番を変えるソースは見つけたのですが
IDの数字がランダムの場合どのようにすれば良いかわかりませんでした。

どなたかご教示いただけましたら幸いでございます。
どうぞ宜しくお願い申し上げます。

回答 (全2件)

  • 回答No.2

ベストアンサー率 73% (39/53)

wordpressでしょうか?
javascriptで変更可能ですが、出来ることならPHPのコードを触ることをお勧めします
  • 回答No.1

ベストアンサー率 61% (1594/2576)

ご質問から規則性が読取れないので、そのままということで…


var ul = $("#category-125").parent();
ul.append($("li", ul).eq(2)).append($("li:lt(2)", ul));

順序で入替えているので、idはul要素を特定するためにだけ使用しています。
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ページ先頭へ