Как преобразовать текст в ссылку с помощью jQuery? [Дубликат]

Question

Как преобразовать текст в ссылку с помощью jQuery? [Дубликат]

0

учитывая эту разметку:

<div class="myclass">
    Lorem ipsum dolor sit amet, http://example.com consectetuer adipiscing elit.
</div>

Мне нужна функция jQuery, которая (после события dom ready) находит все.myclass divs и преобразует строки, которые начинаются с http (s)://в ссылки, так что приведенный выше пример разметки приводит к следующему:

<div class="myclass">
    Lorem ipsum dolor sit amet, <a href="http://example.com">http://example.com</a> consectetuer adipiscing elit.
</div>

Вы можете помочь?

Подпись под

sub 20 фев. 2014, в 15:28

Источник

Теги:

jquery

2 ответа

2

(function($) {
    $(function() {
        $('.myclass').each(function() {
            var el = $(this);

            if (el.html().indexOf('http') > -1) {
                var html = el.html();

                html = html.replace(/(https?:[\S]+)/gi, '<a href="$1">$1</a>');

                el.html(html);
            }
        });
    });
})(jQuery);

играть на скрипке

Alex 20 фев. 2014, в 11:42

Ещё вопросы

Alessandro Gomes · Accepted Answer · 2014-02-20T12-00-00.000Z

Я думаю, что регулярное выражение здесь имеет то, что вам нужно.

функция:

function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a href='$1'>$1</a>"); 
}