将css添加到无序列表<li> </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>');
    });

在您的示例中，列表项是网址，因此仅在情况允许的情况下才会起作用。

Answer 2

您应该查看此问题中提到的“linkify”方法：jQuery Text to Link Script?