用jquery代替整個單詞

Question

我有以下代碼，它取代了jquery中的單詞「egg」。問題是它也取代了「茄子」這個詞。有沒有辦法確保它只是在整個單詞中代替「蛋」這個詞？

$(".ingredient").text(function() { 
return $(this).text().replace("egg", "Henergy Cage Free egg"); 
}); 

Answer 1

$(".ingredient").text(function() { 
    return $(this).text().replace(/\begg\b/, "Henergy Cage Free egg"); 
}); 

將取代字蛋，作爲一個單詞邊界。所以應該替換egg而不是eggplant。

Answer 2

$(".ingredient").text(function() { 
     return $(this).text().replace(/\begg\b/, "Henergy Cage Free egg"); 
    }); 

雞蛋

<div class="ingredient">eggplant</div>