如何在html中创建链接

Question

如何在 php 或 javascript 中创建像 Instagram 用户名或主题标签这样的链接？ 我以前用过这些代码`

str_ireplace('@', '@', '我在@aaaa'); ` 但是所有的词都被转换成一个链接。 我可以在 javascript 或 php 中添加一个 python 库吗？

Answer 1

因此，假设您使用 PHP 插入了用户名，那么 html 结构可能与此类似。

HTML：

<p class="username">@Username</p>
<p class="username">@otherUser</p>
<p class="username">@meAndYou</p>

JavaScript + JQuery：

$(document).ready(() => {
    changeUserNames();
}
function changeUserNames(){
 $('p').each(function (index) {
   var text = $(this).text();
   var username = text.split('@')[1];
   $(this).html(`@<a href="link/${username}">${username}</a>`);
 });
}

JS小提琴： https : //jsfiddle.net/zy46npb2/4/