在使用 jQuery 的過程中,有時(shí)候需要訪問父類節(jié)點(diǎn)。這時(shí),可以使用 parent() 方法來獲取指定節(jié)點(diǎn)的父級元素,該方法返回的是一個(gè)對象,可以繼續(xù)在其上使用其他方法進(jìn)行操作。
// 獲取指定元素的父級元素 var parentElem = $('selector').parent(); // 在父級元素上執(zhí)行其他操作 parentElem.hide();
除了 parent() 方法,還可以使用 parents() 方法來獲取指定節(jié)點(diǎn)的所有父元素。該方法返回的是一個(gè)包含所有父元素的數(shù)組對象,可以在其中對每個(gè)父元素進(jìn)行操作。
// 獲取指定元素的所有父元素 var parentElems = $('selector').parents(); // 遍歷每個(gè)父元素并執(zhí)行操作 $.each(parentElems, function(index, elem) { $(elem).addClass('my-class'); });
如果想要獲取指定元素的某一級父元素,可以使用 parentsUntil() 方法。該方法需要傳入一個(gè)參數(shù),表示要獲取的父元素的停止位置。該方法返回的也是一個(gè)包含所有符合條件的父元素的數(shù)組對象。
// 獲取指定元素的向上第二級父元素 var parentElems = $('selector').parentsUntil('selector2'); // 遍歷每個(gè)符合條件的父元素并執(zhí)行操作 $.each(parentElems, function(index, elem) { $(elem).addClass('my-class'); });
上一篇css div 遮住
下一篇css div偏右