使用jQuery随机化一系列div元素

I'm trying to do my frist steps with jQuery but I have some trouble to understand how to find a list of child elements from a div parent element. I'm used to work with ActionScript 2 and ActionScript 3 so i could mistake some concept, like what is the better way to randomize a sequence of div elements with jQuery!

我正在尝试使用jQuery执行我的第一步，但是我很难理解如何从div父元素中查找子元素列表。我习惯使用ActionScript 2和ActionScript 3，所以我可能会误解一些概念，比如用jQuery随机化一系列div元素的更好方法！

I have this simple portion of HTML code:

我有这个简单的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>

I have attempted some way to do that like map .member divs in one array and then changing the sort order but without success.

我尝试过某种方式来做这个，比如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"));

when i attempted to alert element_parent[0] i thought to get the first child of my .member list of divs but it isn't.

当我试图提醒element_parent [0]我想得到我的.member成员名单的第一个孩子，但事实并非如此。

if i make an alert with element_parent[0].innerHTML i see that:

如果我使用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>

Why? How can I do to get exactly one of the members like this?

为什么？我怎样才能准确地得到这样的一个成员？

<div class="member">
    <ul>
        <li>Paul</li>
        <li>McCartney</li>
    </ul>
</div>

I'm sure this should be easy but I just don't know how :(

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

please help
thanks
vittorio

请帮助感谢vittorio

EDIT:

编辑：

Thanks for the fastness and this various ways to get the selected children, I'll take a note of these ways for the future!
I tried this methods, but it seems I couldn't get the entire div (please tell'me if i mistake something, it' could be too much possible!!).

感谢牢固性和各种方式来选择孩子，我将记录这些未来的方式！我尝试了这种方法，但似乎我无法得到整个div（请告诉我，如果我弄错了，它可能太可能!!）。

I shoud get this content:

我得到这个内容：

<div class="member">
    <ul>
        <li>Ringo</li>
        <li>Starr</li>
    </ul>
</div>

but with one of this methods like $("div.band div.member:eq(2)") or the other useful ways, I get this:

但是使用其中一种方法，如$（“div.band div.member：eq（2）”）或其他有用的方法，我得到这个：

alert ($('div.band div.member')[0]);
/* result
<ul>
    <li>Ringo</li>
    <li>Starr</li>
</ul>
*/

so is there a way to get the .member div container too in my node?

那么有没有办法在我的节点中获取.member div容器？

3 个解决方案

#1

$('div.band div.member');

will give you a jQuery object containing <div> that match the selector i.e. div with class member that are descendents of a div with class band.

将为您提供一个jQuery对象，其中包含与选择器匹配的

，即具有类成员的div，它是具有类带的div的后代。

3 个解决方案

#1

更多相关文章

随机推荐