jQuery获取父子同级元素

转载：https://blog.csdn.net/qq_28256783/article/details/98032677

1.获取父级元素

1. $("#id").parent() //获取其父级元素
2. $("#id").parents() //获取其所有的祖先元素
3. $("#id").closest()//获取其最近的祖先元素，依次上溯

2.获取同级元素

1. $("#id").next(selector) //获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。
2. $("#id").nextAll(selector) //获得匹配元素后面的所有同胞元素，由选择器筛选是可选的。
3. $("#id").prev(selector) //获得匹配元素紧邻的前一个同胞元素（与next相反）
4. $("#id").prevAll(selector) //获得当前匹配元素前面的所有同胞元素（与nextAll相反）

3.获取子元素

1. $("#id").children(selector) //返回匹配元素的子元素，添加可选参数可通过选择器进行过滤。
2. $("#id").find(selector) //获得当前元素的后代