jQuery遍历（树遍历）

在jQuery中，可以使用.find()、.children()、.parent()、.parents()以及.siblings()等方法来进行树遍历。

1. .find(selector): 从当前元素集合中查找所有匹配selector的后代元素。
2. .children(selector): 查找当前元素集合中每个元素的直接子元素。
3. .parent(selector): 取得一个包含着所有匹配元素的父元素的jQuery对象。
4. .parents(selector): 获得当前元素集合中，所有元素向上的直接父元素和所有祖先元素。
5. .siblings(selector): 获得匹配元素集合中每个元素的所有同级兄弟元素。

示例代码：

// 假设有如下HTML结构
// <div id="parent">
//   <div id="child1" class="child">
//     <div id="grandchild1" class="grandchild"></div>
//   </div>
//   <div id="child2" class="child">
//     <div id="grandchild2" class="grandchild"></div>
//   </div>
// </div>
 
// 找到所有class为grandchild的元素
var grandchildren = $('#parent').find('.grandchild');
 
// 找到id为child1的直接子元素
var child1Children = $('#child1').children();
 
// 找到id为grandchild1的父元素
var grandchildParent = $('#grandchild1').parent();
 
// 找到id为child1的所有祖先元素
var child1Parents = $('#child1').parents();
 
// 找到id为child1的同级兄弟元素
var child1Siblings = $('#child1').siblings();