jQuery 遍历

Posted 2020-10-11

//                返回被选元素的直接父元素
                $(this).parent()
//                返回被选元素所有的祖先元素
                $(this).parents()
//                返回被选元素祖先为"ul"元素
                $(this).parents("ul")
//                返回介于两个给定元素的所有祖先元素     (介于"span"与"div"之间的元素)
                $("span").parentsUntil("div")
//                返回被选元素的直接子元素
                $(this).children()
//                过滤子元素,选定类名为".experiment"
                $(this).children(".experiment")
//                返回被选元素的后代元素,一路向下直到最后一个后代
                $(this).find("span")  
//                返回所有后代
                $(this).find("*")
//                返回所有的兄弟元素
                $(this).siblings()
//                返回所有兄弟元素的"p"元素
                $(this).siblings("p")
//                返回被选元素下一个同胞元素   (只返回一个)
                $(this).next()
//                返回所有的跟随的同胞元素
                $(this).nextAll()
//                返回介于两个给定参数之间的所有元素          (返回h2到h4之间的同胞元素)
                $("h2").nextUntil("h4")
//                返回上一个同胞元素
                $(".brothers").prev()
//                返回被选元素的以上所有的同胞元素
                $(this).prevAll()
//                返回介于两个给定参数之间的所有元素   (返回h2到h4之间的同胞元素)
                $(this).prevUntil()
//                返回首个元素
                $(this).first()
//                返回最后一个元素
                $(this).last()
//                返回具体第几个元素(利用下标,从0开始数)
                $(this).eq(2)
//                返回匹配的元素    (返回带有类名为".box"属性的元素)
                $(this).filter(".box")
//                返回不匹配的元素  与filter相反    (返回除了类名为".box"的元素)
                $(this).not(".box")