>此jQuery實(shí)用程序?qū)⑽谋巨D(zhuǎn)換為HTML列表（訂購或無序）。 它使用句子終止時(shí)期作為定界符。

>之前：

之后：>

jquery.stringtolist（）（原始版本）：

/*
 * $.stringToList
 * jQuery Function to convert a block of text into a HTML list.
 * Requires: Full stops after each sentence to delimit list items.
 * @param: listType: '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) {
            if (v && /[a-z0-9]+/igm.test(v) && v != 'strong') {
                htmlList += '

' + v + '

'; } }); htmlList += ''; $(this).html(htmlList); } }); // Convert text to HTML list $('#inclusions').stringToList('ul');> jquery.stringtolist（）（命名式版本）：

/*
 * NAMESPACE.stringToList - jQuery Function to convert a block of text into a HTML list.
 * Requires: Full stops after each sentence to delimit list items.
 * @param: textContainer (jQuery object), listType: 'ul' or 'ol'
 * Usage: NAMESPACE.stringToList($('#inclusions'),'ul');
 */
NAMESPACE.stringToList = function(textContainer, listType) {
    var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '<' + listType + '>';
    $.each(textContainer.html().match(sentenceRegex), function(i, v) {
        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');

經(jīng)常提出問題（常見問題解答），以使用> $.parseHTML()：

>

>本節(jié)解決了使用jQuery的$.parseHTML()方法將字符串轉(zhuǎn)換為HTML的常見問題，這是一種與原始代碼不同的方法。 原始代碼直接操縱容器元件的HTML。 $.parseHTML()>提供更多的控制權(quán)，更安全地處理潛在畸形的HTML。如何使用jQuery的

？$.parseHTML()將字符串轉(zhuǎn)換為HTML元素

>使用

將字符串解析為DOM節(jié)點(diǎn)，然后將它們附加到DOM。 $.parseHTML()

var str = "<div>Hello World!</div>";
var html = $.parseHTML(str);
$("body").append(html);

vs.

$.parseHTML()> jQuery()

返回DOM節(jié)點(diǎn)的數(shù)組。

可以接受字符串，但對其進(jìn)行不同的對待（添加到現(xiàn)有的jQuery對象中）。 $.parseHTML()專門用于解析html字符串。jQuery()> $.parseHTML()>將字符串轉(zhuǎn)換為多個(gè)HTML元素

>處理字符串中的多個(gè)元素，返回節(jié)點(diǎn)數(shù)組。>將轉(zhuǎn)換后的HTML添加到DOM$.parseHTML()

使用

，

，

或append()>將解析的元素添加到DOM。 prepend()用insertBefore() insertAfter()處理錯(cuò)誤

>沒有明確的錯(cuò)誤處理。 形成不佳的串可能會(huì)導(dǎo)致一個(gè)空數(shù)組。 強(qiáng)大的錯(cuò)誤處理將需要其他檢查。$.parseHTML()

>用

$.parseHTML()執(zhí)行腳本 默認(rèn)情況下，分析的HTML中的

腳本不是

$.parseHTML()。 這是一個(gè)安全功能。

jQuery版本兼容性

>在JQuery 1.9和更高版本中可用。

>

解析XML或SVG

$.parseHTML()

>僅適用于HTML。將

用于xml。

>將字符串解析到HTML列表中，或使用$.parseHTML()$.parseXML()的表

>用

>解析字符串，然后操縱所得的DOM節(jié)點(diǎn)，以使用jQuery方法將它們構(gòu)造到列表或表中。$.parseHTML()

這個(gè)修訂后的答案提供了使用$.parseHTML()>的原始代碼和常見的jQuery方法的更全面和準(zhǔn)確的解釋。 切記選擇最適合您的需求和上下文的方法。 對于簡單的列表創(chuàng)建，原始stringToList函數(shù)就足夠了。對于更復(fù)雜的HTML操作或處理潛在的不安全HTML輸入時(shí)，$.parseHTML()是更安全，更健壯的選項(xiàng)。

>

以上是jQuery將文本轉(zhuǎn)換為html列表 - $ .StringTolist的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！