用RegEx和jQuery替换Text

Question

我的代码看起来像这样：

<li class="capture-details">
  Special Instructions
   <br>
<textarea id="catProdInstructions_6795606" class="productTextarea"></textarea>
</li>

li标记内的所有内容都是由我的CMS生成的，我想删除单词Special Instructions，但仅在此之后保留代码。

我试过了：

var text = $('.capture-details').text().replace(/Special Instructions/, 'Your Personalized Message');
$('.capture-details').text(text);

但这也删除了textarea。然后我尝试了：

$('.capture-details').prepend(text);

但是没有删除Special Instructions字样。

如何删除Special Instructions字样？

Here is a fiddle上述代码。

注意：我可以将textarea硬编码到我的JS中，但我希望避免这种情况，因为textarea id和类可能会更改，但不会更改Special Instructions。

Answer 1

您可以获取textNode并设置其值

$('.capture-details')[0].firstChild.nodeValue = 'Your Personalized Message'

FIDDLE

Answer 2

$(function() {
    var el = $('.capture-details');
    el.html(el.html().replace(/Special Instructions/, 'Your Personalized Message'));
});