我正在尝试使用jQuery执行我的第一步,但是我很难理解如何从div父元素中查找子元素列表。我习惯使用ActionScript 2和ActionScript 3,所以我可能会误解一些概念,比如用jQuery随机化一系列div元素的更好方法!
我有这个简单的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>
我尝试过一些方法来做这个,比如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]时,我想要得到我的.member成员名单的第一个孩子,但事实并非如此。
如果我使用element_parent [0] .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>
我敢肯定这应该很容易,但我只是不知道如何:(
请帮助
感谢
vittorio
编辑:
感谢牢固性以及各种方式来吸引选定的孩子,我将会记录这些未来的方式!
我尝试了这种方法,但似乎我无法得到整个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容器?