可以使用jQuery的children方法來獲取某個元素下的所有子元素。
成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、泰州網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、html5、商城開發(fā)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為泰州等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
工具原料:編輯器、瀏覽器
1、使用children方法可以獲得選擇器下的所有子元素,代碼實例如下:
!DOCTYPE?html
html
head
script?type="text/javascript"?src="/jquery/jquery.js"/script
style
body?{?font-size:16px;?font-weight:bolder;?}
p?{?margin:5px?0;?}
/style
/head
body
div
spanHello/span
p?class="selected"Hello?Again/p
div?class="selected"And?Again/div
pAnd?One?Last?Time/p
/div
script$("div").children(".selected").css("color",?"blue");/script
/body
/html
2、運行的結(jié)果是找到類名為 "selected" 的所有 div 的子元素,并將其設(shè)置為藍色,結(jié)果如下:
Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。
children()方法:獲取該元素下的直接子集元素
find()方法:獲取該元素下的所有子集元素
用children方法就好了。如:var list=$(ele).children();//獲取所有子元素
$(ele).children().css('width','40px');//改變所有子元素的寬度
$(ele).children().prop('checked',true);//如果子元素是復(fù)選框或單選按鈕,這樣子元素就全部選中
可以使用jQuery的children方法來獲取某個元素下的所有子元素。如果給定表示 DOM 元素集合的 jQuery 對象,.children() 方法允許我們檢索 DOM 樹中的這些元素,并用匹配元素構(gòu)造新的 jQuery 對象。.find()?和 .children() 方法類似,不過后者只沿著 DOM 樹向下遍歷單一層級。
工具原料:編輯器、瀏覽器
1、使用children方法可以獲得選擇器下的所有子元素,代碼實例如下:
!DOCTYPE?html
html
head
script?type="text/javascript"?src="/jquery/jquery.js"/script
style
body?{?font-size:16px;?font-weight:bolder;?}
p?{?margin:5px?0;?}
/style
/head
body
div
spanHello/span
p?class="selected"Hello?Again/p
div?class="selected"And?Again/div
pAnd?One?Last?Time/p
/div
script$("div").children(".selected").css("color",?"blue");/script
/body
/html
2、運行的結(jié)果是找到類名為 "selected" 的所有 div 的子元素,并將其設(shè)置為藍色,結(jié)果如下: