jquery - 查找和链接 Instagram 名称

Question

我想用文本中的 instagram 用户名制作超链接。所以所有以@开头的单词都应该链接到instagram.com+username..添加一个类会很好。我有一个包含很多用户名的页面。

此脚本仅将 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);
});

这是说明解决方案的 jsFiddle。