jquery獲取父元素方法比較多，比如parent()，parents()，closest()，find,first-child這些都能幫你實現(xiàn)查找父節(jié)點、子節(jié)點、兄弟節(jié)點。
為萬全等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及萬全網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設、萬全網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！
$('#cur').parent().parent();或$('#cur').parent().parent('.pp');或$('#cur').parent('.pp');
jquery 兄弟節(jié)點的獲取
ul
li
h3 class="title"類目一/h3
ul
li第一項/li
li第二項/li
/ul
/li
li
h3 class="title"類目二/h3
ul
li第一項/li
li第二項/li
/ul
/li/ul
比如要點擊類目一所在的 h3，對其兄弟節(jié)點的 ul 添加一個叫做 "show" 的 class，代碼如下：
$(".title").click(function () { $(this).parent().find('ul').addClass('show'); });
就是通過先找到 h3 與 ul 共同的父節(jié)點 li 然后來用 find() 找到 ul，還有一種方法是使用 siblings() 函數(shù)，代碼如下:
(".title").click(function() { $(this).siblings('ul').addClass('show'); })
子節(jié)點怎么獲得 .
$("#tbody1:first-child")
:first-child
匹配第一個子元素
':first' 只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素
獲取一組節(jié)點以后，就得到一個數(shù)組，根據(jù)數(shù)組下標能獲取第一個或最后一個子節(jié)點
ul?id="wrap"
li?class="li1"1
ul
li?class="li1.1"1.1/li
li?class="li1.2"1.2/li
/ul
/li
li?class="li2"2
ul
li?class="li2.1"2.1/li
li?class="li2.2"2.2/li
/ul
/li
/ul
script?src="jquery-3.1.1.js"/script
script
//wrap下所有的的li標簽
$("#wrap").find("li").each(function?()?{
console.log("Find:?"+$(this).attr("class"))
});
//wrap下子標簽
$("#wrap").children("li").each(function(){
console.log("Children:?"+$(this).attr("class"))
});
/script
你選取了某個，如果存在就移動，如果不存在就添加。
你可以：
$("ul").find("li:first").clone().appendTo($("ul")); //使用clone() 復制一個再添加。
$("div")//選取div
$("divp")//選取div的子元素p
jQuery 選擇器大全
$("#myELement")????選擇id值等于myElement的元素，id值不能重復在文檔中只能有一個id值是myElement所以得到的是唯一的元素?
$("div")???????????選擇所有的div標簽元素，返回div元素數(shù)組?
$(".myClass")??????選擇使用myClass類的css的所有元素?
$("*")?????????????選擇文檔中的所有的元素，可以運用多種的選擇方式進行聯(lián)合選擇：例如$("#myELement,div,.myclass")?
層疊選擇器：?
$("form?input")?????????選擇所有的form元素中的input元素?
$("#main??*")??????????選擇id值為main的所有的子元素?
$("label?+?input")?????選擇所有的label元素的下一個input元素節(jié)點，經(jīng)測試選擇器返回的是label標簽后面直接跟一個input標簽的所有input標簽元素?
$("#prev?~?div")???????同胞選擇器，該選擇器返回的為id為prev的標簽元素的所有的屬于同一個父元素的div標簽?
基本過濾選擇器：?
$("tr:first")???????????????選擇所有tr元素的第一個?
$("tr:last")????????????????選擇所有tr元素的最后一個?
$("input:not(:checked)?+?span")???
過濾掉：checked的選擇器的所有的input元素?
$("tr:even")???????????????選擇所有的tr元素的第0，2，4...?...個元素（注意：因為所選擇的多個元素時為數(shù)組，所以序號是從0開始）?
$("tr:odd")????????????????選擇所有的tr元素的第1，3，5...?...個元素?
$("td:eq(2)")?????????????選擇所有的td元素中序號為2的那個td元素?
$("td:gt(4)")?????????????選擇td元素中序號大于4的所有td元素?
$("td:ll(4)")??????????????選擇td元素中序號小于4的所有的td元素?
$(":header")?
$("div:animated")?
內(nèi)容過濾選擇器：?
$("div:contains('John')")?選擇所有div中含有John文本的元素?
$("td:empty")???????????選擇所有的為空（也不包括文本節(jié)點）的td元素的數(shù)組?
$("div:has(p)")????????選擇所有含有p標簽的div元素?
$("td:parent")??????????選擇所有的以td為父節(jié)點的元素數(shù)組?
可視化過濾選擇器：?
$("div:hidden")????????選擇所有的被hidden的div元素?
$("div:visible")????????選擇所有的可視化的div元素?
屬性過濾選擇器：?
$("div[id]")??????????????選擇所有含有id屬性的div元素?
$("input[name='newsletter']")????選擇所有的name屬性等于'newsletter'的input元素?
$("input[name!='newsletter']")?選擇所有的name屬性不等于'newsletter'的input元素?
$("input[name^='news']")?????????選擇所有的name屬性以'news'開頭的input元素?
$("input[name$='news']")?????????選擇所有的name屬性以'news'結尾的input元素?
$("input[name*='man']")??????????選擇所有的name屬性包含'news'的input元素?
$("input[id][name$='man']")????可以使用多個屬性進行聯(lián)合選擇，該選擇器是得到所有的含有id屬性并且那么屬性以man結尾的元素?
子元素過濾選擇器：?
$("ul?li:nth-child(2)"),$("ul?li:nth-child(odd)"),$("ul?li:nth-child(3n?+?1)")?
$("div?span:first-child")??????????返回所有的div元素的第一個子節(jié)點的數(shù)組?
$("div?span:last-child")???????????返回所有的div元素的最后一個節(jié)點的數(shù)組?
$("div?button:only-child")???????返回所有的div中只有唯一一個子節(jié)點的所有子節(jié)點的數(shù)組?
表單元素選擇器：?
$(":input")??????????????????選擇所有的表單輸入元素，包括input,?textarea,?select?和?button?
$(":text")?????????????????????選擇所有的text?input元素?
$(":password")???????????選擇所有的password?input元素?
$(":radio")???????????????????選擇所有的radio?input元素?
$(":checkbox")????????????選擇所有的checkbox?input元素?
$(":submit")???????????????選擇所有的submit?input元素?
$(":image")?????????????????選擇所有的image?input元素?
$(":reset")???????????????????選擇所有的reset?input元素?
$(":button")????????????????選擇所有的button?input元素?
$(":file")?????????????????????選擇所有的file?input元素?
$(":hidden")???????????????選擇所有類型為hidden的input元素或表單的隱藏域?
表單元素過濾選擇器：?
$(":enabled")?????????????選擇所有的可操作的表單元素?
$(":disabled")????????????選擇所有的不可操作的表單元素?
$(":checked")????????????選擇所有的被checked的表單元素?
$("select?option:selected")?選擇所有的select?的子元素中被selected的元素?
選取一個?name?為”S_03_22″的input?text框的上一個td的text值
$(”input[@?name?=S_03_22]“).parent().prev().text()?
名字以”S_”開始，并且不是以”_R”結尾的
$(”input[@?name?^='S_']“).not(”[@?name?$='_R']“)?
一個名為?radio_01的radio所選的值
$(”input[@?name?=radio_01][@checked]“).val();?
$("A?B")?查找A元素下面的所有子節(jié)點，包括非直接子節(jié)點
$("AB")?查找A元素下面的直接子節(jié)點
$("A+B")?查找A元素后面的兄弟節(jié)點，包括非直接子節(jié)點
$("A~B")?查找A元素后面的兄弟節(jié)點，不包括非直接子節(jié)點?
1.?$("A?B")?查找A元素下面的所有子節(jié)點，包括非直接子節(jié)點?
例子：找到表單中所有的?input?元素?
HTML?代碼:?
form
labelName:/label
input?name="name"?/
fieldset
labelNewsletter:/label
input?name="newsletter"?/
/fieldset
/form
input?name="none"?/?
jQuery?代碼:?
$("form?input")?
結果:?
[?input?name="name"?/,?input?name="newsletter"?/?]?
2.?$("AB")?查找A元素下面的直接子節(jié)點?
例子：匹配表單中所有的子級input元素。?
HTML?代碼:?
form
labelName:/label
input?name="name"?/
fieldset
labelNewsletter:/label
input?name="newsletter"?/
/fieldset
/form
input?name="none"?/?
jQuery?代碼:?
$("form??input")?
結果:?
[?input?name="name"?/?]?
3.?$("A+B")?查找A元素后面的兄弟節(jié)點，包括非直接子節(jié)點?
例子：匹配所有跟在?label?后面的?input?元素?
HTML?代碼:?
form
labelName:/label
input?name="name"?/
fieldset
labelNewsletter:/label
input?name="newsletter"?/
/fieldset
/form
input?name="none"?/?
jQuery?代碼:?
$("label?+?input")?
結果:?
[?input?name="name"?/,?input?name="newsletter"?/?]?
4.?$("A~B")?查找A元素后面的兄弟節(jié)點，不包括非直接子節(jié)點?
例子：找到所有與表單同輩的?input?元素?
HTML?代碼:?
form
labelName:/label
input?name="name"?/
fieldset
labelNewsletter:/label
input?name="newsletter"?/
/fieldset
/form
input?name="none"?/?
jQuery?代碼:?
$("form?~?input")?
結果:?
[?input?name="none"?/?]
重慶分公司
重慶分公司
