《jQuery中10个非常有用的遍历函数.docVIP

核心提示：使用jQuery，可以 很容易的HTML元素。但有些HTML结构较为复杂时，提炼我们选择的元素就是一件麻烦的事情。在这篇教程中，我们将探讨十种方 法去精 使用jQuery，可以 很容易的HTML元素。但有些HTML结构较为复杂时，提炼我们选择的元素就是一件麻烦的事情。在这篇教程中，我们将探讨十种方 法去精 HTML 首先， div.container是包裹元素； div.photo、div.title、div.rating是div.container的直接子 每个div.star是div.rating的子 当div.satr的class“on”时， 它是一个完整的star。 “为什么我们要进一步提炼一系 列元素，jQuery选择语法不够 强大？” 好，star被 点star添加class“on”。与此同star父元素的背景 $(.star).click(function(){ ???????? $(this).addClass(on); //?????? 如何 父元素? //?????? 如何star左star? }); 在第二行，我了我 何得到stars的父div.rating。但是，在一个div.rating。哪一个是我“this”左star？ 可喜的是，jQuery允 1、children 在很多情况下会很方便，看看下面 开始的star全部被 给children()传递一个选择表 达式将的star； 如果chilidren()每接受任何 参数，将返回所有直接子 不返回 2、filter 下面的 5个star中class为“on”的star。 3、not 与filter恰恰相 反，not()从集合中移除匹配的元素。 看下面star从 star。 “ 注意：Even和odd0开始的，从0开 始1。” 4、add 如果我add()函 数正是做 同photo盒 子被添加到集合中。 5、slice 有。sliece()正是做 第一个参数是从零开始的第一个元素的位置，它包含在返回的片段中； 第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。如果省略，将延伸至集合的末尾； 所以，slice(0,2)将 个star。 6、parent parent()函数 正如下star的 直接父 7、parents parents()选 择集合的所有祖先元素。我的意思是所有祖先元素包括直接父级到“body”和“html”元素。所以最好通果。 通parents()传 递.container参数，div.container将被star的祖父。 8、siblings 看看 谁是第一个star的兄弟 不？ 如“odd”的 引是从零开始的，看看下面star的 9、prev prevAll prev()函数prevAll()选择一个元素集合前面所有的兄弟节点。如 果你正在构建一个星star前面的兄弟 点被 10、next nextAll prev和prevAll工作方式相同，不 结论 最后，看如何利用 ? $(.star).click(function(){ ???????? $(this).addClass(on); //?????? 如何取得当前 父? ???????? $(this).parent().addClass(rated); //?????? 如何star? ???????? $(this).prevAll().addClass(on); ???????? $(this).nextAll().removeClass(on); }); 这就是这篇教程中早期提到的问题，对吗？在这几行代码中我们使用了这几个遍历函数。 在第5行，看看parent()函数，啊哈，真 在第8行和9行，prevAll()和nextAll().star和 空的star。 入，它。