使用 jQueryjquery获取下一个元素，可以轻松选择 HTML 元素。 但有时候，当HTML结构比较复杂时，细化我们选择的元素是一件很麻烦的事情。 在本教程中，我们将说明改进和扩充我们将使用的集合的十种方法。
超文本标记语言
首先，让我们看一下右侧显示的简单页面，我们将为本教程选择的元素。
div.container 是包装元素；
div.photo、div.title、div. rating 是 div.container 的直接子级；
每个 div.star 都是 div. rating 的子级；
当 div.satr 的类为“on”时，它是一个满星。
为什么要穿越？
“为什么我们需要进一步细化一系列元素？是不是因为jQuery不够强大，无法选择句型？”
好的，让我们从一个例子开始。 在上面提到的网页中，当点击一颗星星时，我们需要为其以及左侧的每个星星添加“on”类。 同时我们要改变所有星形父元素的背景颜色，所以我们的代码如下：
$('.star').click(function(){
.$(this).addClass('on');
// 如何选择当前对象的父元素？
// 如何获取当前星星一侧的所有星星？
});
在第二行，我们获取当前单击的对象。 但是如何获得星星的父母呢？ 那就是div。 评分。 但是，在一个页面中，有很多div. rating。 哪一个是我们想要的？ 如何让所有星星都在“this”的左边？
好消息是，jQuery 允许我们根据现有集合基于这种底层关系获取新的元素集合。 这就是遍历函数发挥作用的地方。
1. 儿童
该函数获取一组元素的直接子元素。
在很多情况下都会非常方便jquery获取下一个元素，看下图：
一开始，选择容器中的所有星星；
将选择表达式传递给children()，以将选择结果缩小到选定的星星；
如果children()接受任何参数，则将返回所有直接子级；
不归还孙子。
2.过滤
该函数通过传递的选择表达式过滤集合中的元素。 任何不匹配此表达式的元素都将从所选集中删除。
下面的例子很简单。 从 5 颗星中过滤掉类别为“on”的星。
