为什么要遍历?
为什么我们要进一步提炼一系列元素,难道是jQuery选择语法不够强大?
好,让我们从示例开始。在上面提到的网页中,当一个star被点击时,我们需要给它以及左边的每个star添加classon。与此同时,我们要改变所有star父元素的背景颜色,因此,我们的代码如下:
$('.star').click(function(){
$(this).addClass('on');
// 如何选取当前对象的父元素?
// 如何获得当前star左侧所有的star?
});
在第二行,我们得到了我们点击的当前对象。但是,如何得到stars的父级?即div.rating。但是,在一个页面中,有很多div.rating。哪一个是我们想要的?如何获得this左边所有的star?
可喜的是,jQuery允许我们基于这些基层关系,在现存集合的基础上获得新的元素集合。而这些正是遍历函数发挥作用的地方。
1、children
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)这个函数得到一组元素的直接子级。
在很多情况下会很方便,看看下面这张图:
开始的时候容器中的star全部被选择;
给children()传递一个选择表达式将选择结果缩小至选中的star;
如果chilidren()每接受任何参数,将返回所有直接子级;
不返回孙级元素。
猜你喜欢