jquery怎麼刪除第一個節點元素

在jquery中，可以利用eq()和remove()方法來刪除第一個節點元素，eq()方法用來選取第一個節點元素，remove()方法用來刪除選取的節點，語法為「$(selector).eq(0).remove();」。

本教學操作環境：windows7系統、jquery3.2.1版本、Dell G3電腦。

jquery怎麼刪除元素第一個節點

#在jquery中，使用eq(0)得到第一個節點，透過remove( )方法實作刪除。

範例如下：

1、新建一個html文件，命名為test.html，用來講解jquery怎麼刪除第一個子元素。使用div建立一個模組，在div內，使用p標籤建立四行文字。設定div標籤的id為testdiv，主要用於下面透過該id取得div物件。

使用button標籤建立一個按鈕，按鈕名稱為「刪除第一個子元素」。給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行myfun（）函數。

2、在js標籤中，建立myfun()函數，在函數內，透過id(testdiv)取得div對象，透過children()方法取得所有子元素，使用eq(0)獲得第一個子元素，透過remove()方法實作刪除。

在瀏覽器中開啟test.html文件，查看實現的效果。

點擊按鈕後：

#總結：

1、建立一個test.html文件。

2、在檔案內，使用div建立一個模組，在div內，使用p標籤建立四行文字。同時建立一個button按鈕，用於觸發執行js函數。

3、在js標籤中，建立函數，在函數內，透過取得div對象，透過children()方法獲得所有子元素，使用eq(0)獲得第一個子元素，透過remove( )方法實作刪除。

注意事項：

eq(0)代表第一個子元素，eq(1)代表第二個子元素，依此類推。

相關影片教學推薦：jQuery影片教學

#

以上是jquery怎麼刪除第一個節點元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！