jquery獲取父元素子元素同級元素

2021-06-20 21:10:38 字數 1755 閱讀 9089

**:

一、獲取父級元素

1、 parent([expr]):

獲取指定元素的所有父級元素

href_fir

href_sec

href_thr

href_fiv

$(document).ready(function());

獲取指定元素的下乙個同級元素(注意是下乙個同級元素哦)

這個例子的結果是,只有list item 4背景色變為紅色

獲取指定元素後邊的所有同級元素

hello

hello again

and again

var p_nex = $("p").nextall();

p_nex.addclass('p_next_all');

注意看最後乙個」」標籤哦,也被加上了』p_next_all』這個類名哦~~

獲取指定元素後邊的所有同級元素,之後加上指定的元素

我感覺這個函式是最有意思的乙個函式了,什麼意思?直譯過來就是」還有我「,」還有自己」,沒錯,還有自己。

hello

hello again

and again

var p_nex = $("p").nextall().andself();

p_nex.addclass('p_next_all');

注意看第乙個「」標籤啊,這句話的意思是選擇p標籤後面的所有同級標籤,以及自己。。。

以下這兩個不舉具體的例子了,實際上就是next()和nextall()的相反嘍

4、prev():獲取指定元素的上乙個同級元素(是上乙個哦)。

5、prevall():獲取指定元素的前邊所有的同級元素。

三、獲取子元素

1、查詢子元素方式1:>

例如:var anods = $("ul > a");查詢ul下的所有a標籤

2、查詢子元素方式2:children()

3、查詢子元素方式3:find()

這裡再簡單介紹以下children()和find()的異同:

1> children及find方法都用是用來獲得element的子elements的,兩者都不會返回 text node,就像大多數的jquery方法一樣。 

2> children方法獲得的僅僅是元素一下級的子元素,即:immediate children。 

3> find方法獲得所有下級元素,即:descendants of these elements in the dom tree 

4> children方法的引數selector 是可選的(optionally),用來過濾子元素,

但find方法的引數selector方法是必選的。 

5> find方法事實上可以通過使用 jquery( selector, context )來實現。即$('li.item-ii').find('li')等同於$('li', 'li.item-ii').例:c

iii使用:$('ul.level-2').children().css('border', '1px solid green'); 的效果是:

使用 $('ul.level-2').find('li').css('border', '1px solid green'); 的效果是: 

jquery獲取父元素 同級元素 子元素

jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquery.childre...

jquery獲取父級元素 子級元素 兄弟元素的方法

jquery.parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class jquery.parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 jquery.childre...

jQuery獲取父級元素 子級元素 兄弟元素的方法

先說一下js的獲取方法,其要比jquery的方法麻煩很多,後面以jquery的方法作對比 js的方法會比jquery麻煩很多,主要則是因為ff瀏覽器,ff瀏覽器會把你的換行也當成dom元素 原生的js獲取id為test的元素下的子元素。可以用 比如 var a docuemnt.getelement...