JQuery Convert Text ke senarai html - $ .stringtolist

utiliti jQuery ini menukar teks ke dalam senarai HTML (diperintahkan atau tidak teratur). Ia menggunakan tempoh yang berakhir sebagai pembatas.

sebelum:

selepas:

jQuery.stringTolist () (versi asal):

/*
 * $.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 () (versi namespaced):

/*
 * 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'); Soalan Lazim (Soalan Lazim) Mengenai String JQuery ke Penukaran HTML Menggunakan

: $.parseHTML() Bahagian ini menangani soalan -soalan biasa mengenai penukaran rentetan ke HTML menggunakan kaedah JQuery's

, pendekatan yang berbeza daripada kod asal. Kod asal secara langsung memanipulasi HTML elemen kontena.

menawarkan lebih banyak kawalan dan lebih selamat untuk mengendalikan HTML yang berpotensi cacat. $.parseHTML() $.parseHTML() bagaimana menukar rentetan ke elemen HTML dengan JQuery's

?

$.parseHTML() Gunakan

untuk menghuraikan rentetan ke dalam nod dom, kemudian masukkannya ke dom.

$.parseHTML()

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

vs

$.parseHTML() jQuery()

Mengembalikan pelbagai nod Dom.

boleh menerima rentetan tetapi merawatnya secara berbeza (menambah objek jQuery yang sedia ada). $.parseHTML() khusus untuk menghuraikan rentetan HTML. jQuery() $.parseHTML() Menukar rentetan ke pelbagai elemen HTML

mengendalikan pelbagai elemen dalam rentetan, mengembalikan pelbagai nod.

Menambah HTML yang ditukar ke Dom $.parseHTML()

Gunakan

,

,

, atau append() untuk menambah unsur -unsur yang dihuraikan ke dom. prepend() insertBefore() mengendalikan ralat dengan insertAfter()

$.parseHTML() tidak mempunyai pengendalian ralat yang jelas. Rentetan yang tidak terbentuk mungkin mengakibatkan array kosong. Pengendalian ralat yang teguh memerlukan cek tambahan.

Melaksanakan skrip dengan $.parseHTML()

skrip dalam HTML yang dihuraikan adalah $.parseHTML() tidak

dilaksanakan secara lalai. Ini adalah ciri keselamatan.

keserasian versi jQuery

boleh didapati dalam jQuery 1.9 dan kemudian.

parsing xml atau svg $.parseHTML()

adalah untuk HTML sahaja. Gunakan

untuk xml.

$.parseHTML() menghuraikan rentetan ke dalam senarai HTML atau jadual dengan $.parseXML()

menghuraikan rentetan dengan $.parseHTML(), kemudian memanipulasi nod DOM yang dihasilkan untuk menyusunnya ke dalam senarai atau jadual menggunakan kaedah jQuery.

Jawapan yang disemak ini memberikan penjelasan yang lebih komprehensif dan tepat mengenai kedua -dua kod asal dan pendekatan jQuery biasa menggunakan $.parseHTML(). Ingatlah untuk memilih kaedah yang paling sesuai untuk keperluan dan konteks anda. Untuk penciptaan senarai mudah, fungsi asal stringToList adalah mencukupi. Untuk manipulasi HTML yang lebih kompleks atau ketika berurusan dengan input HTML yang tidak selamat, $.parseHTML() adalah pilihan yang lebih selamat dan lebih mantap.

Atas ialah kandungan terperinci JQuery Convert Text ke senarai html - $ .stringtolist. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!