jQuery將文本轉換為html列表 - $ .StringTolist

>此jQuery實用程序將文本轉換為HTML列表（訂購或無序）。 它使用句子終止時期作為定界符。

>之前：

之後：>

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');

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

>

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

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

>使用

將字符串解析為DOM節點，然後將它們附加到DOM。 $.parseHTML()

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

vs.

$.parseHTML()> jQuery()

返回DOM節點的數組。

可以接受字符串，但對其進行不同的對待（添加到現有的jQuery對像中）。 $.parseHTML()專門用於解析html字符串。 jQuery()> $.parseHTML()>將字符串轉換為多個HTML元素

>處理字符串中的多個元素，返回節點數組。 >將轉換後的HTML添加到DOM$.parseHTML()

使用

，

，

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

>沒有明確的錯誤處理。 形成不佳的串可能會導致一個空數組。 強大的錯誤處理將需要其他檢查。 $.parseHTML()

>用

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

腳本不是

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

jQuery版本兼容性

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

>

解析XML或SVG

$.parseHTML()

>僅適用於HTML。將

用於xml。

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

>用

>解析字符串，然後操縱所得的DOM節點，以使用jQuery方法將它們構造到列表或表中。 $.parseHTML()

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

>

以上是jQuery將文本轉換為html列表 - $ .StringTolist的詳細內容。更多資訊請關注PHP中文網其他相關文章！