jQuery.parent(expr) 找父親節(jié)點,可以傳入expr進行過濾,比如$("span").parent()或者$("span").parent(".class")
創(chuàng)新互聯(lián)建站是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、小程序制作、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十載以來,已經(jīng)為數(shù)千家宴會酒店設(shè)計各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)?,F(xiàn)在,服務(wù)的數(shù)千家客戶與我們一路同行,見證我們的成長;未來,我們一起分享成功的喜悅。
jQuery.parents(expr),類似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr).返回所有子節(jié)點,這個方法只會返回直接的孩子節(jié)點,不會返回所有的子孫節(jié)點
jQuery.contents(),返回下面的所有內(nèi)容,包括節(jié)點和文本。這個方法和children()的區(qū)別就在于,包括空白文本,也會被作為一個
jQuery對象返回,children()則只會返回節(jié)點
jQuery.prev(),返回上一個兄弟節(jié)點,不是所有的兄弟節(jié)點
jQuery.prevAll(),返回所有之前的兄弟節(jié)點
jQuery.next(),返回下一個兄弟節(jié)點,不是所有的兄弟節(jié)點
jQuery.nextAll(),返回所有之后的兄弟節(jié)點
jQuery.siblings(),返回兄弟姐妹節(jié)點,不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一樣。jQuery.filter()是從初始的jQuery對象集合中篩選出一部分,而jQuery.find()
的返回結(jié)果,不會有初始集合中的內(nèi)容,比如$("p"),find("span"),是從元素開始找,等同于$("p span")
jquery獲取父元素方法比較多,比如parent(),parents(),closest(),find,first-child這些都能幫你實現(xiàn)查找父節(jié)點、子節(jié)點、兄弟節(jié)點。
$('#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'?只匹配一個元素,而此選擇符將為每個父元素匹配一個子元素
var jCheckbox = jQuery('checkbox');//你的checkbox
var jTr=jCheckbox.parent().parent();//即可
不知道你想獲取什么?jQuery很強大.或者使用
var jTr=jCheckbox.parents('tr');//所有父元素中選擇tr
var jTr=jCheckbox.closest('tr');//只要最近的.
var test = document.getElementById("test");
var parent = test.parentNode; // 父節(jié)點
var chils = test.childNodes; // 全部子節(jié)點
var first = test.firstChild; // 第一個子節(jié)點
var last = test.lastChile; // 最后一個子節(jié)點
var previous =test.previousSbiling; // 上一個兄弟節(jié)點
var next = test.nextSbiling; // 下一個兄弟節(jié)點
jQuery 提供了 parent() 方法用以獲取當前匹配元素集合中每個元素的父元素,例如:
$("span").parent(); // 獲取所有span標簽元素的父節(jié)點對象集合
$(".selected").parent(); // 獲取所有class位selected的元素的父節(jié)點對象集合
$(span.selected).parent(); // 獲取class為selected的span標簽元素的父節(jié)點對象集合
另外,注意與parents() 方法的區(qū)別——parents() 方法獲取當前匹配元素集合中每個元素的祖先元素(祖先元素不僅包括父節(jié)點,還包括祖父、曾祖父等等)。
這樣:
ul class="parent1"
lia href="#" id="item1"jquery獲取父節(jié)點/a/li
lia href="#"jquery獲取父元素/a/li
/ul
擴展資料:
注意事項
parent是指取得一個包含著所有匹配元素的唯一父元素的元素集合。
parents則是取得一個包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^一個可選的表達式進行篩選。
可以看出parent的取值很明確,就是當前元素的父元素;parents則是當前元素的祖先元素。
div id='div1'
div id='div2'p/p
/divdiv id='div3' class='a'p/p/div
div id='div4'p/p/div
/div