JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div id="test">1. Lorem ipsum dolor 2. Est ideo autem 3. Ibam forte sicut meus est mos</div>

<div id="output"></div>

JavaScript

(function($) {
    $.fn.listify = function(options) {
        var that = this;
        var settings = {
            pattern: /\d\./g,
            target: $('#output')
        };
        options = $.extend(settings, options);

        return that.each(function() {

            var obj = $(that);
            var text = obj.text();
            var parts = text.split(options.pattern);
            var html = '<ol>';

            for (var i = 1; i < parts.length; i++) {

                var part = parts[i];
                html += '<li>' + part + '</li>';

            }

            html += '</ol>';

            options.target.html(html);



        });
    };
})(jQuery);

$('#test').listify();