jQuery是一種流行的JavaScript庫,它提供了許多方便的功能來操作HTML文檔。
在jQuery中,使用insertBefore()和insertAfter()方法可以輕松地插入HTML元素的兄弟節點。
使用insertBefore()方法:
$(selector).insertBefore(element)
這個方法將選擇器匹配的元素插入到指定元素的前面。
使用insertAfter()方法:
$(selector).insertAfter(element)
這個方法將選擇器匹配的元素插入到指定元素的后面。
以下是一個示例,演示如何使用這些方法來插入兄弟節點:
jQuery Insert Sibling Example 元素1元素2元素3
在這個示例中,我們創建了一個新的div元素作為兄弟節點,并使用insertAfter()方法將其插入到第二個div元素(即id為container的父元素中的第二個子元素)的后面。
jQuery的這些方法使得操作HTML文檔變得更加簡單和方便。