jQuery将文本转换为HTML列表– $ .stringToList

这是我写的一个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/