如何在HTML中创建链接

时间:2018-11-02 17:10:21

标签: javascript php jquery html5 instagram

如何在php或javascript中创建类似Instagram用户名或主题标签的链接? 我以前曾经用过这些代码

str_ireplace('@','@','I @aaaa in'); ` 但是所有单词都转换为链接。 我可以在javascript或php中添加python库吗?

1 个答案:

答案 0 :(得分:0)

因此,假设您使用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 Fiddle: https://jsfiddle.net/zy46npb2/4/