使用以下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/
最终结果应如下所示:
这行没有破折号
这行也没有破折号
无序列表应从此处开始,因为该行以破折号开头
这行以破折号开始,中间有一些破折号
另一行以破折号开头
另一行没有破折号。
相关分类