jquery如何獲取當前節點的父節點

在jquery中 , 通過“:parent”選擇器便可以獲得當前節點的父節點 。 下面小編舉例講解?jquery如何獲取當前節點的父節點 。

jquery如何獲取當前節點的父節點



需要這些哦
jquery+html
代碼編纂器:z studio 10.0
方式/
1新建一個html文件 , 定名為test.html , 用于講解jquery若何獲取當前節點的父節點 。 ?
jquery如何獲取當前節點的父節點



2在test.html文件內 , 在p標簽內 , 放一個span標簽 。 ?
jquery如何獲取當前節點的父節點



3在test.html文件內 , 利用button標簽建立一個按鈕 , 給button按鈕綁定onclick點擊事務 , 當按鈕被點擊時 , 執行getDad()函數 。 ?
jquery如何獲取當前節點的父節點



4在js標簽中 , 建立getDad()函數 , 在函數內 , 經由過程":parent"獲得span元素的父元素 , 并利用prop()方式獲得父標簽名稱 。 ?
jquery如何獲取當前節點的父節點



5在test.html文件內 , 利用alert()輸出父標簽名稱 。 ?
jquery如何獲取當前節點的父節點



6在瀏覽器打開test.html文件 , 查看實現的結果 。 ?
jquery如何獲取當前節點的父節點



總結:1【jquery如何獲取當前節點的父節點】1、在p標簽內 , 放一個span標簽 。 2、利用button標簽建立一個按鈕 , 給button按鈕綁定onclick點擊事務 , 當按鈕被點擊時 , 執行getDad()函數 。 3、在js標簽中 , 建立getDad()函數 , 在函數內 , 經由過程":parent"獲得span元素的父元素 , 并利用prop()方式獲得父標簽名稱 。 4、在test.html文件內 , 利用alert()輸出父標簽名稱 。 5、在瀏覽器打開test.html文件 , 查看實現的結果 。 ?


以上內容就是jquery如何獲取當前節點的父節點的內容啦 , 希望對你有所幫助哦!

    猜你喜歡