Question

有谁知道我怎么能这样做？我希望我的内容编写者能够将span类添加到某些数字量，然后自动超链接到预定义的URL。例如：

And the price at John's hardware shop are<span class="john-shop">$2.35</span>

这可以用php甚至css完成吗？

感谢任何帮助。

期望的结果：

And the price at John's hardware shop are <a href="http://www.johns-shop.com"><span class="john-shop"> $2.35</span></a>

好的，经过多次试验和错误，此代码有效。希望它可以帮助别人。 “link.js”包含以下代码：

$( document ).ready(function() {
    $('.john-shop').contents().wrap('<a href="http://www.johns-shop.com"></a>');
  });

这是测试html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/link.js"></script>
<title></title>
</head>
<body>
And the price at John's hardware shop are<span class="john-shop">$2.35</span>
</body>
</html>

Answer 1

自您在评论中指定

我可以使用任何工作。

所以这是jQuery解决方案：

$('.john-shop').contents().wrap('<a href="http://www.johns-shop.com"></a>');

Fiddle Here

P.S。据我所知，使用html / css是不可能的。您必须使用javascript才能实现这一目标。

更新您可以在make hyperlink from javascript找到与javascript相关的纯解决方案

使用Jquery以编程方式在html中添加指向span类的超链接

1 个答案: