首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Javascript将数字转换为文本中的超链接

Javascript将数字转换为文本中的超链接
EN

Stack Overflow用户
提问于 2013-04-29 21:43:35
回答 2查看 134关注 0票数 0

我想解析一个包含数字的字符串,使表格中的一些单元格的每个数字都可以通过包含该数字的超链接单击。

我有一个字符串,它的格式可以是:12345, 54321, 1354212345 and 54321 and 13542,甚至Number12345等。单元格中的数字数量没有限制。

我希望这些数字是类似以下内容的超链接:

代码语言:javascript
代码运行次数:0
运行
复制
http://www.example.com/example?q=12345
http://www.example.com/example?q=54321
http://www.example.com/example?q=13542

如果能在JS/JQuery中听到任何可以做到这一点的方法,我将非常感激。

谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-29 21:55:31

只要您的表单元格中只包含文本,这应该会起到作用:

代码语言:javascript
代码运行次数:0
运行
复制
$(document).ready(function(){
    $("#myTable td").each(function(){
        var text = $(this).html();
        text = text.replace(/(\d+)/g, '<a href="http://example.com/$1">$1</a>');
        $(this).html(text);
    });
});

我在JsFiddle上设置了一个示例来测试它:http://jsfiddle.net/EzfzU/

票数 3
EN

Stack Overflow用户

发布于 2013-04-29 21:59:08

我将尝试以下函数,它是对先前答案的修改

代码语言:javascript
代码运行次数:0
运行
复制
$(document).ready(function(){
    $("#myTable td").each(function(){
        var text = $(this).html();
        text = text.replace(/(\d+)/gm, '<a href="http://example.com/$1">$1</a>');
        $(this).html(text);
    });
});

请注意以下差异:

  • \d+捕获具有贪婪匹配的任何数字(确保至少存在一个数字)
  • /gm修饰符,以确保即使是带换行符的字符串,其内容也与

匹配

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16280230

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档