什麼是append（）;和prepend（）;限制？

Question

$("a").contents().each(function(){ 
     this.nodeValue = $.trim($(this).text()).replace("[Hello]",""); 
     $(this).prepend("Pre").append("End"); 
}); 

我想[Hello]從每個a被削減，但在同一時間，我想prepend()和append()職能工作。事實上，一個replace()函數完美工作，但其他兩個失敗。儘管我在控制檯中沒有出錯。

請注意，nodeType的$(this)是3因此這是一個text類型。

爲什麼不是append()和prepend()能正常工作？

Answer 1

jQuery.prepend：

的.prepend（）方法插入指定內容

但textNodes沒有孩子，每個元素的第一個孩子，所以你不能前置或將元素添加到它們中。

但是你可以使用jQuery.before和jQuery.after之前插入內容和textNode後：

$("a").contents().each(function() { 
    this.nodeValue = $.trim($(this).text()).replace("[Hello]", ""); 
    $(this).before("Pre").after("End"); 
}); 

但是你需要照顧，因爲一個<a>some text</a>的some text可能包含了多個文本節點，通常這應該不是這樣，但你應該是那個獎項。