为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕桂英3389331 2019-09-02 08:29:06
我正在尝试使用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容器?
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 723 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信