JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body">
    
    <p id="textToParse">query('id':[1],'title':['value'],'descr':['value2'])</p>
    <hr />
    <p id="parsedText"></p>
    
</div>

JavaScript

var parser = {
    toJSON:function(text) {
        // extract data
        var t = text.substring(6, text.length-1) ;                
        // convert to JSON format
        var raw = "{" + t.replace(/'/g, '"') + "}";        
        // return JSON object
        return JSON.parse(raw);    
    }
}    



$(document).ready(function() {
    // get serialized data
    var textToParse = $("#textToParse").html();
    // parse data and get object
    var parsed = parser.toJSON(textToParse);
    
    // usage examples
    var id = parsed['id'];    
    var title = parsed["title"];
    var descr = parsed.descr;    
    $("#parsedText").html("(" + id + ") " + title + ": " + descr);    
});