![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記サイトを参考にさせていただき、div要素のランダムな並び替えはできました。
http://www.finefinefine.jp/jquery/kiji2068/
しかし、ul要素のliやtable要素のtdの並び替えをしようとしたところ、
並び替えはできるのですが、CSSファイルの設定が無視されてしまいます。
liやtdの並び替えの方法を教えてください。
よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
どのようなcss設定なのでしょうか??
並べ替える要素ごとに設定されているということですか?
参照URLのソースを見てみたところ、
(1) <li>や<td>に設定されているクラス
(2) first-child等の疑似クラス
上記2点は、反映されません。
(2)の場合は当然無理ですが、(1)の場合だったら、以下のスクリプトに書き変えてください。
ID、クラスごと入れ替えるように工夫してみました。
$(function () {
var arr = [];
$("#sample li").each(function () {
arr.push($(this).detach());
});
arr.sort(function () {
return Math.random() - Math.random();
});
$("#sample").empty();
for (i = 0; i < arr.length; i++) {
$("#sample").append(arr[i]);
}
});
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- PHP SQLとPHPの連結方法がわからないのでアドバイスお願い致します 1 2022/07/12 12:16
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- Excel(エクセル) エクセルの並び替えについて 5 2022/07/11 00:49
- HTML・CSS display: flex; と flex の違い 1 2022/04/25 20:52
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
textareaの幅を画面と合わせたい
-
smallにtext-allignが効かない
-
tdに対してmin-heightの定義、...
-
マージソートの計算量について-...
-
HTMLです 四角みたいにして中に...
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
質問1.
-
HTMLでTextareaを横に2つ並べ...
-
「諸要素」とはどういう意味で...
-
htmlの文字が縦書きになる
-
<h1>、<h2>と<p><div>の行間を...
-
HTML属性での「""」 「''」違い
-
footer を横幅いっぱいに広げる...
-
訪問済のリンク色を変えない方法
-
ワードにコピペ、画像が表示さ...
-
ドロップダウンメニューが隠れ...
-
画面を拡大すると横幅が切れる
-
リンク文字同士の間隔を開ける...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
質問1.
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
マージソートの計算量について-...
-
親要素・子要素
-
border: noneでボタンの境界線...
-
C言語 並び替え(配列)について
-
tdに対してmin-heightの定義、...
-
HTMLでTextareaを横に2つ並べ...
-
テキストボックスの中にリンク...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
ある要素の中身を全部グレーア...
おすすめ情報