從文本創建鏈接

Question

我有代碼

<div class="row1">
<em>My text</em>
</div>

我怎樣才能建立一個鏈接：

<div class="row1">
<em><a href="/mylink">My text</a></em>
</div>

我知道這個問題是原始的，但找不到同樣簡單的解決方案。

Answer 1

您可以將contents（）與wrapAll（）一起使用 ：

$(".row1 em").contents().wrapAll("<a href='/mylink'></a>");

Answer 2

$('.row1 em').html(function(i, contents) {
    return '<a href="/mylink">' + contents + '</a>';
});

要么

 $('.row1 em').contents().wrapAll('<a href="/mylink" />');

Answer 3

你可以嘗試這個 -

$(".row1 em").contents().wrapAll("<a href='/mylink'></a>")

Answer 4

例：

$('.row1 em').wrap('<a href="/mylink" />');

更新：因為這將包圍<em>的<a>標簽而不是其內容，正確的方法是使用$('.row1 em').contents().wrap('<a href="/mylink" />'); 正如弗雷德里克所說

Answer 5

$('.row1 em').html().wrap('<a href="/mylink">');

Answer 6

如果您的目標是超鏈接文本，並且您可以提供替代解決方案，則以下內容實現相同：

HTML：

<div class="row1">
    <em>My text</em>
</div>

CSS：

.row1 {
    cursor:pointer;
}

JS：

$('.em').click(function() {
    location.href = '/mylink';
});