jQuery提供了$.after方法,可以在指定元素的后面插入新的元素。
$('p:first').after('插入的新段落
');
上面的代碼會在頁面中第一個p元素的后面插入一個新的p元素,其中插入的內容是“插入的新段落”。
$.after方法還可以接受一個函數作為參數,這個函數的返回值會被插入到指定元素的后面。例如:
$('p:first').after(function(){ return '' + $(this).text() + '
'; });
上面的代碼會在頁面中第一個p元素的后面插入一個新的p元素,新元素的內容和第一個p元素相同。
需要注意的是,$.after方法只會在指定元素的后面插入元素,不會替換原有元素。如果需要替換原有元素,可以使用$.replaceWith方法。
$('p:first').replaceWith('替換后的內容
');
上面的代碼會將頁面中第一個p元素替換為一個新的p元素,新元素的內容是“替換后的內容”。
上一篇jquery $[]
下一篇jquery ${}變量