0

我的应用程序从 instagram 中提取图像，我想知道如何使用 JS 循环浏览文档并简单地查找具有#主题标签的每个项目并将 URL 附加到它。

IE

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

结果最终看起来像

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

4

4 回答 4

2

试试这个

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/

于 2012-07-03T14:07:52.177 回答
0

你可以在href后面加上一个#，试试这个

var tag = '#instagram';

$('.myPhoto').attr('href',tag);//this will change current href
于 2012-07-03T14:01:18.197 回答
0

找到了一个简单的解决方案

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()));
    });
});​
于 2012-07-03T14:01:47.033 回答
-1

遍历每个锚链接，测试是否存在哈希标记，然后根据“真”条件更改 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在这里

于 2012-07-03T14:04:52.093 回答