私のアプリはInstagramから画像を取得しますが、JSを使用してドキュメントを循環し、#
ハッシュタグが付いているすべてのアイテムを検索してURLを追加する方法を考えています。
すなわち
My instagram photo contains the following tags #instagram #photo #tags
結果は次のようになります
私のInstagramの写真には次のタグが含まれています# instagram #photo# tags
私のアプリはInstagramから画像を取得しますが、JSを使用してドキュメントを循環し、#
ハッシュタグが付いているすべてのアイテムを検索してURLを追加する方法を考えています。
すなわち
My instagram photo contains the following tags #instagram #photo #tags
結果は次のようになります
私のInstagramの写真には次のタグが含まれています# instagram #photo# tags
これを試して
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/
u can append one # to href, try this
var tag = '#instagram';
$('.myPhoto').attr('href',tag);//this will change current href
簡単な解決策を見つけました
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()));
});
});
各アンカー リンクを反復処理し、ハッシュ タグの存在をテストしてから、「true」条件に基づいて 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'));
}
});