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说明了解决方案。

查找并链接Instagram名称

1 个答案: