javascript - 单击链接时如何替换文本区域中的某些文本

Question

当单击链接时，我试图在文本区域中查找用户网站地址并将其替换为缩短的网址。我还没有走得太远，但目前我可以用它来替换文本区域中的所有文本

<a href="javascript:;" class="short_url_link"><%= @user.short_url %></a>

$(function(){
  $(".short_url_link").click(function(){
  $( "#mention" ).val($(this).text());
 });
});

因此，当用户单击短网址链接时，文本区域中的网站地址 (@user.website) 会被找到并替换为短网址 (@user.short_url)

Answer 1

做这样的事情怎么样:

$(function(){
    $(".short_url_link").click(function(){
        var mention = $("#mention");
        var prevousText = mention.text();
        var shortURL = $(this).text();
            var regex = new RegExp(("<%= @user.website %>").replace(/\//g, "\\/").replace(/\./g, '\\.'), "i");
        mention.val(previousText.replace(regex, shortURL));
    });
});