原因: XML格式的數(shù)據(jù)可以被解析成具有層級結(jié)構(gòu)的DOM樹,JavaScript可以利用DOM操作方法來遍歷和獲取XML節(jié)點(diǎn)的數(shù)據(jù)。
創(chuàng)新互聯(lián)是專業(yè)的劍川網(wǎng)站建設(shè)公司,劍川接單;提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行劍川網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
jquery獲取父元素方法比較多,比如parent(),parents(),closest(),find,first-child這些都能幫你實(shí)現(xiàn)查找父節(jié)點(diǎn)、子節(jié)點(diǎn)、兄弟節(jié)點(diǎn)。
首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
實(shí)現(xiàn)過程:首先創(chuàng)建一個(gè) xml 對象,然后載入 xml 文件,再根據(jù)待取節(jié)點(diǎn)父節(jié)點(diǎn)在 xml 文件中的序號和本身的序號,確定待取節(jié)點(diǎn)的位置,最后返回待取節(jié)點(diǎn)的值。
并引入jquery。在index.html中的標(biāo)簽,輸入jquery代碼:(body).append($(body).children(:first).text());瀏覽器運(yùn)行index.html頁面,此時(shí)成功獲取到了body元素的第一個(gè)子元素并打印了其內(nèi)容。
其實(shí)看明白上面的例子,就知道錯(cuò)在哪里了:很簡單,this操作的是HTML對象,那么,HTML對象中怎么會有val()方法了,所以,在使用中,我們不能直接用this來直接調(diào)用jquery的方法或者屬性。
并把子結(jié)點(diǎn)對象傳給fn函數(shù) fn($(this)); }); }); });這是 jquery 遍歷Xml. 也包括節(jié)點(diǎn)和屬性。
Jquery獲取子元素的方法有2種,分別是children()方法和find()方法。下面我們分別來使用這兩種方法,看看它們有何差異。
tab.child()會出現(xiàn)對象不支持此屬性或方法是因?yàn)楸緛砭蜎]有child()方法,你用$(#tabspan).child()也同樣。
通過選擇器、jQuery 對象或元素來篩選。
1、// 取得當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)的所有直接子節(jié)點(diǎn),查看當(dāng)前節(jié)點(diǎn)在所有子節(jié)點(diǎn)中的位置,index從0開始。
2、先獲取父節(jié)點(diǎn): var parentEle=ele.parentNode;在獲取父節(jié)點(diǎn)的兄弟節(jié)點(diǎn):var parentEle1=parentEle.previousSbiling;//上一個(gè)節(jié)點(diǎn) 某個(gè)子節(jié)點(diǎn):var obj=parentElefirstChild;//第一個(gè)子節(jié)點(diǎn) jQuery也有相應(yīng)的方法。
3、JQuery中用siblings()方法取兄弟節(jié)點(diǎn)的元素。jQuery.siblings() 是返回兄弟姐妹節(jié)點(diǎn),不分前后。
4、有以下幾種方法:parent([expr])取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
5、)則是找子元素,兩者是不同的。也就是說: $(this).parent().next(); 是找父親的弟弟,也就是叔叔,而 $(this).parent().find(div); 則是在父親的所有兒子中找名為div的兄弟元素(也可能就是this)。
獲取第一個(gè)子元素有如下方法:(1):first 舉:$(div.one:first),獲取所有class=one的div的第一個(gè)div子元素。
如果一個(gè)jQuery對象表示一個(gè)DOM元素的集合,.first()方法會構(gòu)造一個(gè)新的jQuery對象,它包含了前一個(gè)集合的第一個(gè)元素。
nth-child(n):返回第n個(gè)子節(jié)點(diǎn),n從1開始,如果n取0,那么就會選擇所有的元素。
本文標(biāo)題:jquery取得子節(jié)點(diǎn) jquery如何獲取子元素
網(wǎng)頁網(wǎng)址:http://jinyejixie.com/article34/dgeegse.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計(jì)公司、外貿(mào)建站、服務(wù)器托管、品牌網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)