JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li class="dropped" data-order="0" data-id="1" data-content="blabla">first</li>
<li class="dropped" data-order="0" data-id="2" data-content="another content">second</li>
</ul>

<div id="result"></div>

<button class="send">Send</button>

JavaScript

$(".send").click(function() {

    var data_array = new Array();
    $(".dropped").each(function(){
        var item = {};
        for(var i in $(this).data()){
            item[i] = $(this).data(i);
        }
        data_array.push(item);

    });
    var serialized = JSON.stringify(data_array);

    $("#result").text(serialized);

});