JSFiddle - React, Tailwind, and code Playground

by FlasJunior

HTML

<p>click and check your console:</p>

<div id="test1" class="item" data-info='{"id":1, "secondvar":"Test1", "arr":[4,6,10]}'>Test1 (object)</div>

<div id="test2" class="item" data-info="{'id':1, 'secondvar':'Test2', 'arr':[4,6,10]}">Test2 (string)</div>

CSS

.item{background:#eee;margin:5px; padding:5px;}

JavaScript

$("#test1").on("click", function(){
    console.log($(this).data("info"));
})

$("#test2").on("click", function(){
    console.log($(this).data("info"));
})