Question

我有一个列表结构，如下所示：

<ul id="BirdMother" class="parent">
    <ul class="child">
        <li class="baby">
    </ul>
    <ul class="child">
        <li class="baby">
    </ul>
    <ul class="child">
        <li class="baby">
    </ul>
</ul>

我希望以迭代的方式选择所有baby列表项，以便在如下所示的函数中使用：function feedBabies(babyList)。

如何选择所有baby项？

修改：如果页面中有多个婴儿用品，我只想要来自某个父列表的婴儿，该怎么办？例如：只有小鸟宝宝。（编辑上面的代码）。

Answer 1

只需使用类选择器

var babyList = $(".baby");

feedBabies(babyList);

对于某些父母

var babyList = $("#BirdMother .baby");

feedBabies(babyList);

Answer 2

这里有解决方案

$("#useThisList > ul").each(function(){
alert($(this).html());//this will give you html 
alert($(this).text());// this will give you text in li
});

从<ul>中的多个子项中选择多个子项

2 个答案: