如何在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/