Question

我的应用程序从Instagram中提取图像，我想知道如何使用JS循环浏览文档，只需查找具有#主题标签的每个项目并为其附加URL。

即

My instagram photo contains the following tags #instagram #photo #tags

，结果看起来像

我的Instagram照片包含以下标记#instagram #photo #tags

Answer 1

试试这个

var x = "My instagram photo contains the following tags #instagram #photo #tags";

var split = x.split(" ");
for(var i=0; i< split.length; i++){
    if(split[i].indexOf('#') >= 0){
        split[i] = '<a href=\"http://myapp.com/tag/'+split[i].substring(1)+'\">'+split[i]+'</a>';
    }
}
console.log(split.join(" "));

这是小提琴 http://jsfiddle.net/9XQBC/

Answer 2

你可以将一个＃附加到href，试试这个

var tag = '#instagram';

$('.myPhoto').attr('href',tag);//this will change current href

Answer 3

找到一个简单的解决方案

hashtag_regexp = /#([a-zA-Z0-9]+)/g;

function linkHashtags(text) {
    return text.replace(
        hashtag_regexp,
        '<a class="hashtag" href="/search?q=$1">#$1</a>'
    );
} 

$(document).ready(function(){
    $('.comment').each(function() {
        $(this).html(linkHashtags($(this).html()));
    });
});

Answer 4

迭代每个锚链接，测试是否存在哈希标记，然后根据“真实”条件更改URL。

$.each($('a'), function(i,v){
  var findHash = /#/g;
  var scenario = findHash.test($(v).attr('href'));
  if(scenario == true){
    var grabHref = $(v).attr('href');
    var addHref = 'somethingafterthehash';
    $(v).attr('href', grabHref + addHref);
     console.log($(v).attr('href'));
  }
});

jsFiddle here

如何将href附加到具有主题标签的项目

4 个答案: