替换h2元素中的特定单词

Question

我有一个简单的h2元素，如下所示：

<h2>New Agent - Record Status:  
  @Html.DisplayFor(model => model.RecordDisplayStatus)                                         
</h2>

当用户点击按钮时，我需要将Agent中的单词更改为Agency。这是我的第一次尝试，但我不断收到以下消息：

Uncaught TypeError: Object [object Object] has no method 'replace' 

这是我的第一次黑客攻击

$('.head h2').replace("Agent", "Agency");

Answer 1

那是因为你试图在jQuery对象上调用replace。你需要在一个字符串上调用replace，所以试试这个：

    var newval = $('.head h2').text().replace("Agent", "Agency");
    $('.head h2').text(newval);

和fiddle