JQuery konvertieren Text in HTML -Liste - $ .Stringtolist

Dieses JQuery -Dienstprogramm wandelt Text in eine HTML -Liste um (geordnet oder ungeordnet). Es verwendet Satzende Perioden als Grenzwerte.

Vor:

nach:

jQuery.stringtolist () (Originalversion):

/*
 * $.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 () (Namespated -Version):

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

häufig gestellte Fragen (FAQs) zu JQuery String to HTML -Konvertierung mit $.parseHTML():

Dieser Abschnitt befasst sich mit häufigen Fragen zum Konvertieren von Zeichenfolgen in HTML mithilfe der Jquery $.parseHTML() -Methode, einem anderen Ansatz als dem ursprünglichen Code. Der ursprüngliche Code manipuliert direkt die HTML eines Containerelements. $.parseHTML() bietet mehr Kontrolle und ist sicherer für den Umgang mit potenziell missgebildeten HTML.

Wie kann ich eine Zeichenfolge in ein HTML -Element mit JQuery's $.parseHTML()?

konvertieren

Verwenden Sie $.parseHTML(), um die Zeichenfolge in Dom -Knoten zu analysieren, und fügen Sie sie dann an die DOM an.

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

$.parseHTML() vs. jQuery()

$.parseHTML() Gibt ein Array von Dom -Knoten zurück. jQuery() kann eine Zeichenfolge akzeptieren, behandelt sie jedoch anders (fügen Sie zum vorhandenen jQuery -Objekt hinzu). $.parseHTML() ist speziell zum Parsen von HTML -Zeichenfolgen.

Konvertieren einer Zeichenfolge in mehrere HTML -Elemente

$.parseHTML() behandelt mehrere Elemente in der Zeichenfolge und gibt ein Array von Knoten zurück.

addiert konvertiertes HTML zum DOM

Verwenden Sie append(), prepend(), insertBefore() oder insertAfter(), um die analysierten Elemente zum Dom.

hinzuzufügen

Handhabungsfehler mit $.parseHTML()

$.parseHTML() hat keine explizite Fehlerbehandlung. Eine schlecht gebildete Zeichenfolge kann zu einem leeren Array führen. Eine robuste Fehlerbehandlung würde zusätzliche Überprüfungen erfordern.

Ausführen von Skripten mit $.parseHTML()

Skripte innerhalb der analysierten HTML werden nicht standardmäßig ausgeführt. Dies ist eine Sicherheitsfunktion.

jQuery Versionskompatibilität

ist in jQuery 1.9 und später erhältlich. $.parseHTML()

Parsing XML oder SVG

analysieren

ist nur für HTML. Verwenden Sie $.parseHTML() für xml. $.parseXML()

eine Zeichenfolge in eine HTML -Liste oder -Tabelle mit

$.parseHTML() analysieren

analysieren

Diese überarbeitete Antwort liefert eine umfassendere und genauere Erklärung sowohl des ursprünglichen Code als auch des gemeinsamen JQuery -Ansatzes mit $.parseHTML(). Denken Sie daran, die Methode auszuwählen, die für Ihre Bedürfnisse und Ihren Kontext am besten geeignet ist. Für die einfache Listenerstellung ist die ursprüngliche stringToList -Funktion ausreichend. Für eine komplexere HTML -Manipulation oder beim Umgang mit potenziell unsicheren HTML -Eingaben ist $.parseHTML() die sicherere und robustere Option.

Das obige ist der detaillierte Inhalt vonJQuery konvertieren Text in HTML -Liste - $ .Stringtolist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!