Добавление CSS в неупорядоченный список <li>

Question

У меня есть неупорядоченный список

 <ul id="List1">
    <li>www.xyz.com</li>
        <li>www.abc.com</li>
</ul>

используя jquery, я хочу преобразовать этот li в ссылку и добавить шрифт как подчеркивание

Я пытаюсь это так

 $('li').css('font', 'underline').click(function() {
                // how to add hyperlink?
            });

Answer 1

Как насчет этого? Это превратит элементы в реальные ссылки, поэтому вам не нужно добавлять обработчик подчеркивания или onclick.

    $('li').each(function(e) {
        $(this).wrapInner('<a href="http://' + $(this).text() + '"></a>');
    });

В вашем примере элементы списка были URL-адресами, поэтому это будет работать, только если это так.

Answer 2

Вы должны проверить метод "linkify", упомянутый в этом вопросе: jQuery Text to Link Script?