html随机摆放div原理,html-使用jQuery将div元素序列随机化

我正在尝试使用jQuery进行第一步，但是我很难理解如何从div父元素中找到子元素列表。 我曾经使用过ActionScript 2和ActionScript 3，所以我可能会误解一些概念，例如用jQuery将div元素序列随机化的更好方法是什么！

我有HTML代码的这一简单部分：

• John
• Lennon

• Paul
• McCartney

• George
• Harrison

• Ringo
• Starr

我尝试了某种方法来执行此操作，例如将map .member divs放在一个数组中，然后更改排序顺序，但没有成功。

function setArrayElements (element_parent) {

var arr = [];

//alert (element_parent[0].innerHTML);

for (var i = 0; i < element_parent.children().length; i ++) {

arr.push (element_parent[i].innerHTML);

}

}

setArrayElements($(".band"));

当我尝试警告element_parent [0]时，我想获取div的.member列表的第一个孩子，但事实并非如此。

如果我使用element_parent [0] .innerHTML发出警报，我会看到：

• John
• Lennon

• Paul
• McCartney

• George
• Harrison

• Ringo
• Starr

为什么？我该怎么做才能让一个这样的会员呢？

• Paul
• McCartney

我敢肯定这应该很简单，但我只是不知道如何:(

请帮忙

谢谢

维托里奥

编辑：

感谢您的牢度和以各种方式让被选中的孩子，我将在以后记下这些方式！

我尝试了这种方法，但似乎无法获得整个div(请告诉我如果我输错了，可能太多！！)。

我应该得到以下内容：

• Ringo
• Starr

但是使用诸如$(“ div.band div.member：eq(2)”)之类的一种方法或其他有用的方法，我得到了：

alert ($('div.band div.member')[0]);

/* result

• Ringo
• Starr

*/

所以有没有办法在我的节点中也获取.member div容器？