从文本创建链接

Create a link from text

本文关键字：链接 创建 文本      更新时间：2023-09-26

我有代码

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

我如何制作一个链接，如：

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

我知道这个问题很原始，但找不到同样简单的解决方案。

您可以将contents((与wrapAll((一起使用：

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

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

或

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

你可以试试这个-

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

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

如果您的目标是超链接文本，并且您可以提供替代解决方案，则以下实现了相同的效果：

HTML:

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

CSS：

.row1 {
    cursor:pointer;
}

JS:

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

示例：

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

更新：由于这将把<a>标签包装在<em>上，而不是其内容上，因此正确的方法是使用$('.row1 em').contents().wrap('<a href="/mylink" />');，正如Frederic所说的

相关文章：