【问题标题】:Change #hash tag to link on page load更改#hash 标记以链接页面加载
【发布时间】:2011-09-27 20:08:14
【问题描述】:

如何使用javascript更改#标签+字符链接

This is going #right on the way

This is going <a href="http://twitter.com/#!/search/right">right</a> on the way

即使这样也是可以接受的

This is going <a href="http://twitter.com/#!/search/right">#right</a> on the way

不同类和id中的#(hash)标签的页面很多

【问题讨论】:

标签: javascript jquery hyperlink tags


【解决方案1】:
var string = "This is going #right on the way";
string.replace(/#(\S*)/g,'<a href="http://twitter.com/#!/search/$1">$1</a>')

演示: http://jsfiddle.net/dKm82/

【讨论】:

  • 看到你的演示后我删除了我的评论..!!起初我很困惑对不起..!!
  • @Basic Bridge 明白了,没问题
  • 这是一个小问题,它将文本乘以 2 次。请参阅此演示 jsfiddle.net/dKm82/1
  • 问题与jquery逻辑有关,如果你想修改几个段落的文本你必须循环它们,见jsfiddle.net/dKm82/2
  • @BasicBridge 你说得有道理,有一点细节,注意我在正则表达式中添加了“g”,这告诉它要重复多次,请参阅:jsfiddle.net/dKm82/4
【解决方案2】:

这是我的建议

(function(){

$.fn.hashlink = function(){
  this.text(this.text().replace(\#(w+)\),"<a href='twitter.com/#!/search/$1'>$1</a>")
  text = \#w+\g.
}    

})

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-12
    • 2011-12-31
    • 2013-10-06
    • 1970-01-01
    • 1970-01-01
    • 2015-01-09
    • 2016-10-28
    相关资源
    最近更新 更多