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中文网其他相关文章！