JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<ul id="test">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>

JavaScript

$(function() {
    
    var serialized = {};
    
    $('li', '#test').each(function(i) {

           var $li = $(this);
           var $text = $li.text();
           var name = $li[0].tagName.toLowerCase();
           serialized[name + '-' + i] = $text;

    });        
    
    console.log(serialized);
});


$(function() {
    
    var serialized = '{';
    var len = $('li', '#test').length - 1;
    var delim;
    
    $('li', '#test').each(function(i) {

           var $li = $(this);
           var $text = $li.text();
        delim = (i < len) ? ',' : '';
           var name = $li[0].tagName.toLowerCase();
        serialized += '"' + name + '-' + i + '":' + '"' + $text + '"' + delim;

    });

    serialized += '}';    
    
    console.log(serialized);
});