Question

我的目标是将span .name中的文本更改为带有链接的元素 -

  <div class="input-wrap">
      <span class="name">favorite 1</span>
  </div>

如何使用JS添加指向此元素的链接，如下所示：

 <div class="input-wrap">
      <span class="name"><a href="/specyficwebsite.html">favourite 1</a></span>
  </div>

Answer 1

.wrapInner()将元素包裹在传递的值周围。

试试这个：

$(".name").wrapInner("<a href='/specyficwebsite.html'></a>");

Fiddle here.

Answer 2

你可以：

$('span.name').html(function () {
    return $('<a>').attr('href', '/specyficwebsite.html').text($(this).text());
});

请参阅demo jsFiddle here。

生成的HTML：

<span class="name"><a href="/specyficwebsite.html">favourite 1</a></span>

Answer 3

尝试.wrapInner()喜欢

$(".name").wrapInner( '<a href="/specyficwebsite.html"></a>' );

请参阅此FIDDLE您也可以尝试

var txt = $('.name').text();
$('.name').html('<a href="/specyficwebsite.html">' + txt + '</a>');

或直接

$('.name').html('<a href="/specyficwebsite.html">' + $('.name').text() + '</a>');

试试这个FIDDLE

Answer 4

你可以这样做：

$(".name").html(function(){
$(this).wrap("<a href='/specyficwebsite.html'></a>")
})

演示Fiddle

Answer 5

尝试这样的事情

        $(function(){
            var link = '<a href="/specyficwebsite.html">'+$('.name').text()+'</a>';
            $('.name').html(link);
        })

Answer 6

继承人 FIDDLE

var $name = $(".name");
var txt = $name.text();
$name.html('<a href="/specyficwebsite.html">' + txt + '</a>');

更改文本以与javascript链接

6 个答案: