Создать гиперссылку из класса jQuery

Question

Как сделать так, чтобы следующее стало гиперссылкой с Jquery? Я хочу сделать ссылку на слово гиперссылкой?

<p>Hello World! <span class="link">Link</span>.</p>

Answer 1

Используя jQuery, вы можете сделать это по

$(document).ready(function(){
    var linkClass = $(document).find(".link");
    var linkClassHTML = linkClass.html();
    linkClass.html("");
    $(linkClass).append("<a href='#>"+linkClassHTML+"</a>");

});

Answer 2

Используя jQuery, вы можете просто использовать следующий код, который не будет конфликтовать ни с какими другими тегами:

// Create an anchor tag pointing to the required URL if needed having the .link contents
const anchorTag = $('<a>').attr('href', 'http://EXAMPLE.com').html( $('p > .link').html() );
//Getting The direct plain text of "p" tag
const pText = $('p > .link').closest('p')
     .clone()              //clone the element
     .children()           //select all children
     .remove()             //remove all children
     .end()                // back to the selected element
     .text();              //Gets the direct "p" tag text
//Replace the "p" tag contents
$('p > .link').closest('p').html(pText).append(anchorTag);

Благодаря «Delgan» за подход к получению прямого простого текста любого тега можно найтина эту ссылку

Answer 3

Вы можете получить доступ к элементу по имени класса

$('.link')

Затем измените его HTML-код с тегом ссылки и текстом, например:

$('.link').html('<a href="your_link">'+ $('.link').html() + '</a>');