这是我写的一个jQuery实用工具功能,可以将文本(即长字符串)简单地转换为HTML列表。 它具有几个设置,可以选择转换为有序列表(OL)或无序列表(UL)。 列表中每个项目的定界符都是句号。
之前
后
jQuery.stringToList()
/*
* $.stringToList
* jQuery Function to convert a block of text into a html list.
* @requires: full stops after each sentence to match list elements
* @param: list type: ul or ol
* Usage: $('#inclusions').stringToList('ul');
* Author: Sam Deering
*/
$.fn.extend(
{
stringToList: function(listType)
{
var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '< '+listType+'>';
$.each($(this).html().match(sentenceRegex), function(i, v)
{
/* Remove blank elements */
if (v && (/[a-z0-9]+/igm.test(v)) && v != 'strong')
{
htmlList += '
- ' + v + '
- '; } }); htmlList += ''; $(this).html(htmlList); } }); /* Convert text to html list */ $('#inclusions').stringToList('ul');
自定义命名空间版本
/* * $.stringToList - jQuery Function to convert a block of text into a html list. * @requires: full stops after each sentence to match list elements * @param: list type: ul or ol * Usage: FC.UTIL.stringToList($('#inclusions'),'ul'); */ stringToList: function(textContainer,listType) { var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '< '+listType+'>'; $.each(textContainer.html().match(sentenceRegex), function(i, v) { /* Remove blank elements */ if (v && (/[a-z0-9]+/igm.test(v)) && v != 'strong') { htmlList += '
- ' + v + '
- '; } }); htmlList += ''; textContainer.html(htmlList); } /* Convert text to html list */ NAMESPACE.stringToList('#inclusions','ul');
From: https://www.sitepoint.com/jquery-convert-text-html-list-stringtolist/