javascript基礎(六): 獲取節點實例 jquery獲取當前節點的前一個節點


jquery獲取當前節點的前一個節點步驟如下:

1、打開html開發工具,新建一來個html代碼頁面。

2、在html頁面創建三個p標簽,然后給這三個p標簽設置不同的2113內容。

3、引入jquery庫。在title標簽后5261面引用下載好的jquery.js文件。

4、 在jquery引用庫標簽后面新建一個script標簽,然后在這個標簽里面添加一個DOM加載4102完成后執行函數。

5、在DOM加載完成后執行函數里面添加點擊p標簽時獲取當前元素的上一個元素對象。

6、保存html代碼后使用瀏覽器打開,然后點擊p標簽彈出框就會1653顯示當前點擊標簽的上一個標簽的內容。

相關函數示例:

$('.test').parent();//父節點

$('.test').parents();//全部父節點

$('.test').parents('.test1');//含有類名.test1的父節點

$('.test').children();//全部子節點

$('.test').children('li');//元素為li的全部子節點

$('.test').prev();//上一個兄弟節點

$('.test').prevAll();//之前所有兄弟節點

$('.test').next();//下一個兄弟節點

$('.test').nextAll();//之后所有兄弟節點

$('.test').siblings();//所有兄弟節點

$('.test').siblings('.test1');//含有類名.test1的所有兄弟節點

$('.test').find('.test1');//返回被選元素含有類名為.test1的所有后代元素;(返回全部用 * ,多個參數用 , 隔開)

$('.test').contents();//返回元素里面所有內容,包括文本和節點

$('.test').contents('.test1');


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM