I'm effectively trying to do the same as in this question
Change #hash tag to link on page load
But I think because I'm getting the string from a jquery objects data-caption attribute something isn't working correctly. I have a DOM element like this
<a class="thumbnail" rel="gallery" data-caption="#drink from somewhere #fun" data-pid="36" href="http://domain.com/something"><img src="http://domain.com/somephoto.png" alt="acee7bd0d8339b9ddcf4a259ec7ddeec"></a>
It's basically a thumbnail that is loaded into a modal then i'm trying to grab the attribute caption and create links out of any hash tags
var caption = anchor.attr('data-caption') ? anchor.attr('data-caption') : null;
console.log(caption);
where the variable anchor is a jquery object representative of the link
I can see there is a caption if i check the log it prints "#drink from somewhere #fun"
So now throwing that in a regex replace fn
caption.replace(/#(S*)/g,'<a href="http://twitter.com/#!/search/$1">$1</a>');
Then append the caption to the DOM with the links active.
But nothing happens to the caption string I just get the same thing out that I put in.
**EDIT ANSWER
dumb mistake forgot to assign the return value to a variable
var captionLinks = caption.replace(/#(S*)/g,'<a href="http://twitter.com/#!/search/$1">$1</a>');
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…