dom结构其实也是一种树形结构，jquery提供的树形选择器可以用来选择dom tree里的节点。这些树形选择器的方法包括：children(), parent(), parents(), next(), prev(), siblings().
选择某个元素的孩子 - children()
复制代码 代码如下:
第一列
第二列
第三列
$(#parent).children().length //得到所有的”孩子“(li)的个数，“3”
$(#parent).children(#son1).text(); //得到第一个”孩子“(li)的值 - “第一列”
选择某个元素的“父母” - parent()
复制代码 代码如下:
第一列
第二列
第三列
$(#son1).parent().attr(id);//得到ul的id - parent
选择某个元素的“祖先”-parents() (注意：一级一级向上选择直到)
复制代码 代码如下:
第一列
第二列
第三列
$(#son2).parents().each(function(i){
if(ialert($(this).html());
});
选择某个元素的“弟弟” - next()
复制代码 代码如下:
第一列
第二列
第三列
$(#son2).next().text(); //选择#son3选择某个元素的“哥哥”
prev()
复制代码 代码如下:
第一列
第二列
第三列
$(#son2).prev().text(); //选择#son1选择某个元素的“兄弟”
siblings()
复制代码 代码如下:
第一列
第二列
第三列
$(#son2).siblings().text(); //选择#son1和#son3