在JavaScript中将行包装到列表中

时间:2014-05-13 09:36:03

标签: javascript jquery html regex

我在HTML文件中包含文本链接的行列表,我希望将其转换为超链接 li列表 >的JavaScript

示例:

<ul>
   links
   links text
   links
</ul>

<ul>
   <li><a href='links'>links</a></li>
   <li><a href='links'>links</a> text</li>
   <li><a href='links'>links</a></li>
</ul>

此脚本将文本链接转换为超链接: http://jsfiddle.net/RH8f6/94

我尝试将li标签添加到每一行:

//Wrap each line with li tags
       $('#links').ready(function() {
        // Get each ul
        $('ul').each(function(){
            // Get the content
            var str = $(this).html();
            // Select each lines starting with url
            //trim blank space before and include text after the links)
            var regex = /(http.*?).*/ig
            // Wrap each new line in textarea with li tags
            var replaced_text = str.replace(regex, "<li>$1</li>");
            // Echo link
            $(this).html(replaced_text);
        });
    });

......它没有用。我希望在一个 JavaScript 函数中进行多次替换。

提前多多感谢!

1 个答案:

答案 0 :(得分:0)

我宁愿做这样的事情:

$('ul>a').wrap("<li/>");