Php 使用Jquery以编程方式向html中的跨类添加超链接

Php 使用Jquery以编程方式向html中的跨类添加超链接,php,html,css,hyperlink,Php,Html,Css,Hyperlink,有人知道我该怎么做吗?我希望我的内容编写器能够将跨类添加到某些数字量,然后自动超链接到预定义的URL。例如: And the price at John's hardware shop are<span class="john-shop">$2.35</span> 约翰五金店的价格是2.35美元 这可以用php甚至css来完成吗 谢谢你的帮助 预期结果: And the price at John's hardware shop are <a href="ht

有人知道我该怎么做吗?我希望我的内容编写器能够将跨类添加到某些数字量,然后自动超链接到预定义的URL。例如:

And the price at John's hardware shop are<span class="john-shop">$2.35</span> 
约翰五金店的价格是2.35美元
这可以用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>');
  });
$(文档).ready(函数(){
$('.john shop').contents().wrap('');
});
这是测试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>

约翰五金店的价格是2.35美元

因为您在评论中指定了


我可以用做这项工作的任何东西

以下是jQuery解决方案:

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

另外,据我所知,仅仅使用html/css是不可能做到这一点的。您必须使用javascript才能实现这一点


更新您可以在这里找到一个纯javascript相关的解决方案

使用jQuery可以吗?您可以添加所需的结果吗。您要生成的最后一行代码是什么?我可以使用任何可以执行此任务的代码。增加了期望的结果@EddyXPI什么都没试过,因为不知道怎么做。我想jquery可能就是我需要的?我需要指定一大堆链接,通过编程将它们自己插入到文本中。谢谢@Kamran。非常精通html/css,但没有其他东西。我应该在哪里添加这些代码,这些代码可以独立于实际呈现的页面吗?你不知道jquery吗?我知道它是什么,但我不是专家。那么我恐怕你无法使用jquery实现这一点。不过,我已经更新了我的问题,并参考了Javascript相关的解决方案。如果有帮助的话,你可以看看。注意到小提琴的东西,谢谢,这正是我需要的。