div 中的字符串替换

Question

我想替换 #TextArea1 中的特定字符串。单击按钮时会发生这种情况。

使用下面的代码进行尝试，但无法使其工作：

$('#TextArea1').text().replace("wef","--");

What is the Correct syntax to replacement a word in a div?

Answer 1

将函数传递给 text()^[docs]方法，返回想要设置的值：

$('#TextArea1').text(function( i, txt ) { 
    return txt.replace("wef","--"); 
});

---

函数参数如下：

• i是迭代中当前元素的索引
• txt 是当前元素的当前文本内容

函数返回的值将设置为当前元素的新值。

Answer 2

你已经很接近了，试试这个：

$('#TextArea1').text($('#TextArea1').text().replace(/wef/g,"--"));

---

或者一个优化的

var $textarea = $('#TextArea1');
$textarea.text($textarea.text().replace(/wef/g,"--"));

---

如果它是一个 textarea 元素，你会这样做：

var $textarea = $('#TextArea1');
$textarea.val($textarea.val().replace(/wef/g,"--"));

Answer 3

您还设置了文本：

var text = $('#TextArea1').text().replace("wef","--");
$('#TextArea1').text(text);

或者，使用函数：

$('#TextArea1').text(function(index, text) {
  return text.replace("wef","--");
});

注意：如果这是 </code>，请使用 <code>val()</code> 而不是 <code>text() </code>。

var text = $('#TextArea1').val().replace("wef","--");
$('#TextArea1').val(text);

Answer 4

replace() 创建一个新字符串并返回它，因此它被返回到稀薄的空气中。您需要获取新字符串并将其发送回文本框。这个 jsfiddle 显示了如何操作。

<textarea id="t">
    hello
</textarea>

var text = $('#t').text();
text = text.replace('h', 'b');
$('#t').text(text);