Javascript 查找和替换文本jquery

Javascript 查找和替换文本jquery,javascript,jquery,html,Javascript,Jquery,Html,我有一个html: <input id="replace"></input> <div id="replacepls">Go!</div> <br> <textarea id="text" name="text"></textarea> 如何将文本区域中的“friend”一词替换为点击按钮时输入的其他单词?为什么我的代码不起作用?谢谢。替换$(this).text(text.Replace('friend',

我有一个html:

<input id="replace"></input>
<div id="replacepls">Go!</div>
<br>
<textarea id="text" name="text"></textarea>

如何将文本区域中的“friend”一词替换为点击按钮时输入的其他单词?为什么我的代码不起作用?谢谢。

替换
$(this).text(text.Replace('friend',news))

与:

您需要在
textarea
中使用val()而不是text(),$(this)。text()将为您提供带有text Go的
div
文本,而不是
textarea

$('textarea[name=text]').val('Hello my dear friend, i love u');
$('#replacepls').click(function () {
    var news = $('#replace').val();
    var text = $('#text').val();
    $('#text').val(text.replace('friend', news));
});
您需要使用
val()
而不是
text()
,而且我还简化了您的代码

$('#replacepls').click(function () {
    $("#text").val(function (i, val) {
        return val.replace('friend', $('#replace').val())
    });

})

指的是div元素,而不是textarea元素
$('textarea[name=text]').val('Hello my dear friend, i love u');
$('#replacepls').click(function () {
    var news = $('#replace').val();
    var text = $('#text').val();
    $('#text').val(text.replace('friend', news));
});
$('#replacepls').click(function () {
    $("#text").val(function (i, val) {
        return val.replace('friend', $('#replace').val())
    });

})