2017年1月1日 星期日

【jQuery】常用取得元素函式

var expr="選取器";
【父元素】
jQuery.parent(),回傳上一層父元素,【例】$("li").parent();
jQuery.parent(expr),回傳上一層父元素,同時符合expr,【例】$("li").parent(".class");
jQuery.parents(),回傳所有父元素,【例】$("li").parents();
jQuery.parents(expr),回傳所有父元素,同時符合expr,【例】$("li").parents("div:first");
【子元素】
jQuery.find(expr),回傳所有符合expr的子元素,【例】$("table").find("td");//回傳table底下所有的td
jQuery.children(),回傳下一層子元素,【例】$("table").children();//回傳所有tr
jQuery.children(expr),回傳下一層子元素,同時符合expr,【例】$("table").children(".class");
jQuery.prev(),回傳前一個兄弟元素,【例】$("li").eq(3).prev();//回傳第四個li上一個的兄弟元素(第三個)
【兄弟元素】
jQuery.prev(expr),回傳前一個兄弟元素,同時符合expr,【例】$("li").eq(3).prev(".class");
jQuery.prevAll(),回傳所有之前的兄弟元素,【例】$("li").eq(3).prevAll();//回傳第四個li前面所有兄弟元素
jQuery.prevAll(expr),回傳所有之前的兄弟元素,同時符合expr,【例】$("li").eq(3).prevAll(".class");
jQuery.next(),回傳下一個兄弟元素,【例】$("li").eq(3).next();//回傳第四個li的下一個兄弟元素(第五個)
jQuery.next(expr),回傳下一個兄弟元素,同時符合expr,【例】$("li").eq(3).next(".class");
jQuery.nextAll(),回傳之後所有兄弟元素,【例】$("li").eq(3).nextAll();//回傳第四個li之後所有兄弟元素
jQuery.nextAll(expr),回傳之後所有兄弟元素,同時符合expr,【例】$("li").eq(3).nextAll(".class");
jQuery.siblings(),回傳不分前後的所有兄弟元素,【例】$("li").eq(3).siblings();


【參考】

沒有留言:

張貼留言