// 獲取DOM元素
var $game_box = $('.game-box'),
$game_box_list = $('.game-box p');
// 列表亂序后添加到game_box
$game_box.html(arrayRandomSort($game_box_list));
// 數(shù)據(jù)亂序方法
function arrayRandomSort(array) {
var index = array.length;
//開始遍歷
for (var i = array.length; i > 0; i--) {
var random = parseInt(Math.random() * index);
index--;
//交換位置
var last = array[index];
array[index] = array[random];
array[random] = last;
}
return array;
}
我的思路是，把獲取到的DOM數(shù)組亂序后再放到game-box下。
// 獲取DOM元素
var $table = $('table'),
$tr_list = $('table tr'),
$td_list = $('table tr td');
// 生成亂序的td列表
var random_list = arrayRandomSort($td_list);
// 獲取每一行的td數(shù)量
var row_count = [];
$tr_list.each((i, el) => {
row_count.push($(el).find('td').length);
});
// 根據(jù)每一行td的數(shù)量顯示
$tr_list.each((i, el) => {
$(el).html(random_list.splice(0, row_count[i]));
});
// 數(shù)據(jù)亂序方法
function arrayRandomSort(array) {
var index = array.length;
//開始遍歷
for (var i = array.length; i > 0; i--) {
var random = parseInt(Math.random() * index);
index--;
//交換位置
var last = array[index];
array[index] = array[random];
array[random] = last;
}
return array;
}
這個(gè)應(yīng)該就是你想要的效果
