링크를 클릭 할 때 텍스트 영역의 일부 텍스트를 바꾸는 방법

Question

링크를 클릭하면 텍스트 영역에서 단축 URL로 사용자 웹 사이트 주소를 찾아 바꾸려고합니다. 나는 아주 멀리 없어하지만 짧은 URL을 사용자가 클릭 텍스트에 웹 사이트 주소 (@user.website)를 연결할 때 순간 나는

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

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

그래서 텍스트 영역의 모든 텍스트를 대체 할 얻을 수 있습니다 지역을 찾아 짧은 URL로 대체 (@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)); 
    }); 
}); 

Answer 2

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

참조 event.preventDefault