查找並鏈接instagram名稱

Question

我想在文本中使Instagram用戶名超鏈接。所以所有以@開頭的單詞都應該鏈接到instagram.com +用戶名。添加一個類將會很好。我有一個包含大量用戶名的頁面。

此腳本僅將href和class添加到當前div。但它需要在url中包含用戶名，並且只鏈接單詞，而不是整個div。

$(".post-text:contains('@')").addClass('arrow').attr("href", "http://instagram.com").appendTo(".post-text"); 

Answer 1

$(".post-text:contains('@')").each(function(){ 
    var $this = $(this), 
     username = $this.text().split('@')[1]; //take name after the @ symbol 

    $this.addClass('arrow').data("link", "http://instagram.com/" + username); 
}); 

而且here's the jsFiddle示出的解決方案。