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