猿问

有条件地在<li>标记中换行并删除第一个字符

使用以下html,我需要在<li>以破折号开头的每行周围包裹一个标签,剥离破折号,然后将整个列表包装在一个<ul>标签中。


<div class="json-content">

This line doesn't have a dash

This line also doesn't have a dash 

-An unordered list should start here because the line starts with a dash

-This line starts with a dash and has some dashes-in-the-middle

-Another line that starts with a dash

And another a line that doesn't have a dash.

</div>

我使用下面的代码(基于一个先前的问题)来实现这一点,但是当div中还有其他非破折号的文本时,它<li>也会在这些行周围添加一个标记。我知道部分问题是它首先要删除破折号,但是我尝试使用正则表达式测试器进行修改,但我只是想不通。我怎样才能做到这一点?


 $('.json-content').each(function() {

      var $this = $(this);


      $this.html(

        $this

          .html()

          .trim()

          .replace(/^-|[\r\n]+-/g, "\n")

          .replace(/[^\r\n]+/g, '<li class="item">$&</li>')    

          );

          $(this).find('li.item').wrapAll( "<ul class='json-list' />");  

    });

这是一个小提琴:https : //jsfiddle.net/9xd2vacj/2/

最终结果应如下所示:

这行没有破折号
这行也没有破折号

  • 无序列表应从此处开始,因为该行以破折号开头

  • 这行以破折号开始,中间有一些破折号

  • 另一行以破折号开头

另一行没有破折号。


慕标5832272
浏览 142回答 2
2回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答