使用jQuery随机化div元素序列
使用jQuery随机化div元素序列
提问于 2009-10-07 20:13:55
我正在尝试使用jQuery完成我的第一步，但是我在理解如何从div父元素中查找一系列子元素时遇到了一些麻烦。我习惯于使用div 2和div 3，所以我可能会搞错一些概念，比如用jQuery随机化ActionScript元素序列的更好方法是什么！
我有一段简单的HTML代码：
<div class="band">
<div class="member">
<ul>
<li>John</li>
<li>Lennon</li>
</ul>
</div>
<div class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>
<div class="member">
<ul>
<li>George</li>
<li>Harrison</li>
</ul>
</div>
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>
</div>我尝试过这样做，比如在一个数组中映射、.member、、div，然后更改排序顺序，但没有成功。
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时，我想获取我的.member div列表的第一个孩子，但事实并非如此。
如果我使用element_parent.innerHTML发出警报，我会看到：
<div class="member">
<ul>
<li>John</li>
<li>Lennon</li>
</ul>
</div>
<div class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>
<div class="member">
<ul>
<li>George</li>
<li>Harrison</li>
</ul>
</div>
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>为什么？我怎么才能像这样恰好得到一个成员呢？
<div class="member">
<ul>
<li>Paul</li>
<li>McCartney</li>
</ul>
</div>我相信这应该很简单，但我就是不知道怎么做：
请帮帮忙
谢谢
维托里奥
编辑：
感谢你的快速和各种方法来获得被选中的孩子，我会在未来注意到这些方法！
我尝试了这种方法，但似乎无法获得整个div (如果我弄错了什么，请告诉我，它可能太多了！！)
我应该得到这个内容：
<div class="member">
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
</div>但是使用其中一个方法，如$("div.band div.member:eq(2)")或其他有用的方法，我会得到如下结果：
alert ($('div.band div.member')[0]);
/* result
<ul>
<li>Ringo</li>
<li>Starr</li>
</ul>
*/那么，有没有办法在我的节点中也获得.member div容器呢？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1533910
复制相关文章
相似问题