用jquery替换整个单词

Question

我有以下代码替换jquery中的“egg”一词。问题是它还取代了“茄子”这个词。有没有办法确保它只是在整个单词时替换了单词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作为单词边界。因此，应该替换egg而不是eggplant。

Answer 2

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

蛋

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