如何使用JQuery检测•符号并将它们转换为HTML ul
How to detect • symbols and transform them into HTML ul's using JQuery
我有一些副本,我想用JQuery转换成HTML。
以下是我在文本区域中处理的文本示例:
Monday 28th October 2013
18:30 Some text
17:30 Another bit of text
Day two Tuesday 29th October 2013
11:00 Some title goes here
• Point 1
• Point 2
• Point 3
Some text to go here
18:30 Some text
我正在尝试将使用 • 符号制作的列表转换为包装在 ul 标签中的正确 html 列表,同时删除符号。我还想让任何时间加粗。
这将是预期的结果:
<b>11:00</b> Some title goes here
<ul>
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
</ul>
我对正则表达式知之甚少,并且找不到有关此特定问题的任何资源,因此任何指针都将不胜感激!
我尝试使用以下代码使时间加粗,但由于某种原因我无法让它工作:
var oldHtml = $('textarea').html();
var newHtml = oldHtml.replace(^'d{2}:'d{2}$)/g,"<b>$1</b>");
$('textarea').html(newHtml);
提前谢谢。
假设你有以下 HTML 文本区域和div 来显示 html
<div id="display">Entered html will show here</div>
<textarea id="markup"></textarea>
首先你需要分割线条
var lines = $('#markup').val().split(/'n/);
var html = '';
然后遍历您的行并检查哪个以 • 开头 •
for(var i = 0; i < lines.length; i++){
if(lines[i].match(/^(•|'t)/)) {
html += '<li>'+lines[i].replace('•', '').replace(''t','')+'</li>';
} else {
html += lines[i];
}
}
现在您可以执行以下操作以在某些div 中显示新的格式化 html
$('#display').html(html);
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- 如何将逗号分隔的列表转换为<ul>列表
- 如何将Array转换为<ul><李>以字母为标题的字母列表
- 在转换后的 UL 列表中添加选择选项
- JavaScript将缩进文本转换为HTML列表重复顶层<李>'s为<ul>'s
- 转换UL->li inot为同位素过滤菜单选择的列表
- 如何使用JQuery检测•符号并将它们转换为HTML ul
- 将 Jquery UI Sortable 转换为表而不是 ul
- 我有一个数据列表,我将其转换为 Ul 和 li 的列表,现在我希望这个列表在 JSP 中显示为树
- 如何将选择下拉列表转换为 ul 下拉列表
- 将数组对象转换为嵌套的 ul li 元素
- 将对象转换为ul-li元素
- 使用jQuery将多级UL转换为带optgroup的selectbox
- 将select转换为ul-li
- 如何将无序列表(UL,LI)转换为连续字符串
- 将带有onclick()的ul转换为带有onchange()的select
- jQuery datepicker:将选择下拉菜单转换为ul
- 将同一页面上的多个选择框转换为多个ul
- 定义我的导航的JSON有标题类型和类别类型;d希望转换为Javascript中的嵌套UL LI元素
- 将对象列表转换为嵌套UL不起作用