jquery獲取父元素方法比較多,比如parent(),parents(),closest(),find,first-child這些都能幫你實現查詢父節點、子節點、兄弟節點。
$("#cur").parent().parent();或$("#cur").parent().parent(".pp");或$("#cur").parent(".pp");
jquery 兄弟節點的獲取
類目一
第一項
第二項
類目二
$(".title").click(function () { $(this).parent().find("ul").addClass("show"); });
就是透過先找到 h3 與 ul 共同的父節點 li 然後來用 find() 找到 ul,還有一種方法是使用 siblings() 函式,程式碼如下:
(".title").click(function() { $(this).siblings("ul").addClass("show"); })
子節點怎麼獲得 .
$("#tbody1:first-child")
:first-child
匹配第一個子元素
":first" 只匹配一個元素,而此選擇符將為每個父元素匹配一個子元素
jquery獲取父元素方法比較多,比如parent(),parents(),closest(),find,first-child這些都能幫你實現查詢父節點、子節點、兄弟節點。
$("#cur").parent().parent();或$("#cur").parent().parent(".pp");或$("#cur").parent(".pp");
jquery 兄弟節點的獲取
類目一
第一項
第二項
類目二
第一項
第二項
$(".title").click(function () { $(this).parent().find("ul").addClass("show"); });
就是透過先找到 h3 與 ul 共同的父節點 li 然後來用 find() 找到 ul,還有一種方法是使用 siblings() 函式,程式碼如下:
(".title").click(function() { $(this).siblings("ul").addClass("show"); })
子節點怎麼獲得 .
$("#tbody1:first-child")
:first-child
匹配第一個子元素
":first" 只匹配一個元素,而此選擇符將為每個父元素匹配一個子元素