Adding css to unordered list <li>

Question

I have a unordered list

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

using jquery, i want to convert this li to a link and add font as underline

I am trying it like this

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

Answer 1

You should check out the "linkify" method mentioned in this question: http://stackoverflow.com/questions/247479/jquery-text-to-link-script/248901#248901

Answer 2

What about something like this? This will turn the elements into actual links, so you don't need to add the underline or onclick handler.

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

In your example, the list items were urls, so this will only work if that remains the case.