jq遍历子元素_十二.遍历节点

1.遍历子节点

a.$(this).children()

$(this).children() // 获取当前节点元素下的所有子节点

$(this).children("selector") // 获取当前元素下的selector节点

b.$(this).find() 跟 $(this).children() 的语法和效果基本一致

2.遍历同辈元素

a.$(this).next() // 获取当前元素的下一个同辈元素

b.$(this).prev() // 获取当前元素的上一个同辈元素

c.$(this).siblings()

$(this).siblings() // 获取当前元素的所有同辈元素

$(this).siblings("selector") // 获取当前元素为selector的同辈元素

3.遍历前辈元素

a.$(this).parent() // 获取当前标签元素的父级元素

b.$(this).parents()

$(this).parents() // 获取当前标签元素的所有祖先元素

$(this).parents("selector") // 获取当前标签元素的祖先为selector标签的元素

4.其他遍历元素方法

a.$("div").each(function(){})

$("div").each(function(){}) // 循环遍历所有"div"标签元素

$("div").each(function(index,th){})

index: 可选,表示当前标签元素的索引

th: 可选,表示当前标签元素

b.$("div").eq(index) // 获取索引为index的标签元素

c.$("div").first() // 获取第一个"div"标签元素

d.$("div").last() // 获取最后一个"div"标签元素