JSFiddle - React, Tailwind, and code Playground

by roeburg

HTML

<input type="hidden" id="TrainingAnswers" value="{&quot;8&quot;:{&quot;fields&quot;:{&quot;required_to_pass&quot;:&quot;1&quot;,&quot;score&quot;:&quot;1&quot;,&quot;failure_feedback&quot;:&quot;Really ???&quot;,&quot;display_feedback_immediately&quot;:&quot;0&quot;,&quot;link_id&quot;:&quot;8&quot;}},&quot;13&quot;:{&quot;fields&quot;:{&quot;required_to_pass&quot;:&quot;1&quot;,&quot;score&quot;:&quot;1&quot;,&quot;failure_feedback&quot;:&quot;That is WRONG !!!&quot;,&quot;display_feedback_immediately&quot;:&quot;1&quot;,&quot;GroupId&quot;:&quot;rdbGroup13&quot;,&quot;CorrectAnswer&quot;:&quot;6&quot;}}}" />

<h1>Output</h1>
<hr />
<div id="output"></div>

JavaScript

$(document).ready(function(){
    // Helper Function Log
    var log = function(data){
        $('#output').append(data);
        $('#output').append('<br />');
    };
     
    
    // Iterate through the list
    var trainingAnswersValue= $("#TrainingAnswers").val();
    
    // If it has a value, iterate
    if(trainingAnswersValue){
        // 1. Convert to json 
        var trAns = $.parseJSON(trainingAnswersValue);
        
        // 2. Iterate through it
        $.each(trAns, function(index, element){
            log("Looking at Index: " + index);
            log("Within Index(" + index + ") element.fields.failure_feedback is: " + element.fields.failure_feedback);            
            log("Within Index(" + index + ") element.fields.required_to_pass is: " + element.fields.required_to_pass);            
        })
    }
});