I need to add all my information that I have in the JSON to the HTML from JQuery, but the inconvenience that I get is that I get lost with the many fixes that I have (they are few).
I need to know if there is any other way that is easier to perform with some function, if this is not the case, I am stuck in a certain part since they do not fit in the way I require in the code ( after adding the variable salto I need to continue putting another input and the cycle is repeated 5 times, after that, everything that is enclosed in a "div" will cover my first question, so until then my div and I open again another div for another question and it closes again, this is 3 times to be able to close my div with class main ), but I do not know what is wrong, for that part I proposed the first idea explained above.
JSON
var informacion={
"titulo":"Pratica 1",
"cantidad_Preguntas":3,
"preguntas":[{
"pregunta_1":"¿África, América, Antártida, Asia, Europa, y Oceanía son?",
"respuestas_pregunta1":[{
"respuesta1_pregunta1":[{
"respuesta1_pregunta1_A":"Países",
"ayuda1_pregunta1_A":"Territorio, con características geográficas y culturales propias, que puede constituir una entidad política dentro de un Estado."
}],
"respuesta2_pregunta1":[{
"respuesta2_pregunta1_B":"Municipios",
"ayuda2_pregunta1_B":"División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento."
}],
"respuesta3_pregunta1":[{
"respuesta3_pregunta1_C":"Estados_/_provincias",
"ayuda3_pregunta1_C":"División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento."
}],
"respuesta4_pregunta1":[{
"respuesta4_pregunta1_D":"Continentes",
"ayuda4_pregunta1_D":"Es cada una de las grandes extensiones en que se divide la superficie terrestre, separadas entre sí por los océanos.",
"correcta":true
}],
"respuesta5_pregunta1":[{
"respuesta5_pregunta1_E":"Islas",
"ayuda5_pregunta1_E":"Es una zona de masa terrestre estable, más o menos extensa, rodeada completamente por una masa de agua."
}]
}],
"pregunta_2":"¿África, América, Antártida, Asia, Europa, y Oceanía son?",
"respuestas_pregunta2":[{
"respuesta1_pregunta2":[{
"respuesta1_pregunta2_A":"Países",
"ayuda1_pregunta2_A":"Territorio, con características geográficas y culturales propias, que puede constituir una entidad política dentro de un Estado."
}],
"respuesta2_pregunta2":[{
"respuesta2_pregunta2_B":"Municipios",
"ayuda2_pregunta2_B":"División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento."
}],
"respuesta3_pregunta2":[{
"respuesta3_pregunta2_C":"Estados_/_provincias",
"ayuda3_pregunta2_C":"División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento."
}],
"respuesta4_pregunta2":[{
"respuesta4_pregunta2_D":"Continentes",
"ayuda4_pregunta2_D":"Es cada una de las grandes extensiones en que se divide la superficie terrestre, separadas entre sí por los océanos.",
"correcta":true
}],
"respuesta5_pregunta2":[{
"respuesta5_pregunta2_E":"Islas",
"ayuda5_pregunta2_E":"Es una zona de masa terrestre estable, más o menos extensa, rodeada completamente por una masa de agua."
}],
"pregunta_3":"¿África, América, Antártida, Asia, Europa, y Oceanía son?",
"respuestas_pregunta3":[{
"respuesta1_pregunta3":[{
"respuesta1_pregunta3_A":"Países",
"ayuda1_pregunta3_A":"Territorio, con características geográficas y culturales propias, que puede constituir una entidad política dentro de un Estado."
}],
"respuesta2_pregunta3":[{
"respuesta2_pregunta3_B":"Municipios",
"ayuda2_pregunta3_B":"División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento."
}],
"respuesta3_pregunta3":[{
"respuesta3_pregunta3_C":"Estados_/_provincias",
"ayuda3_pregunta3_C":"División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento."
}],
"respuesta4_pregunta3":[{
"respuesta4_pregunta3_D":"Continentes",
"ayuda4_pregunta3_D":"Es cada una de las grandes extensiones en que se divide la superficie terrestre, separadas entre sí por los océanos.",
"correcta":true
}],
"respuesta5_pregunta3":[{
"respuesta5_pregunta3_E":"Islas",
"ayuda5_pregunta3_E":"Es una zona de masa terrestre estable, más o menos extensa, rodeada completamente por una masa de agua."
}]
}]
}]
}]
}
JQUERY
$(document).ready(function()
{
var div_main=$("<div></div>").addClass("main");
var body=$("body");
var div_pregunta=$("<div></div>")
var pregunta1=$("<p></p>").text(informacion.preguntas[0].pregunta_1);
var formm=$("<form></form>").attr("action","");
//
var input_pregunta1_respuesta1001=$("<input>",{
type:"radio",
name:"pregunta1",
value:"1001",
id:"respuesta1001"
});
var label_input_pregunta1_respuesta1001=$("<label></label>").attr("for","respuesta1001").text(informacion.preguntas[0].respuestas_pregunta1[0].respuesta1_pregunta1[0].respuesta1_pregunta1_A);
var p_ayuda1_pregunta1_A=$("<p></p>").attr("id","ayuda1001").text(informacion.preguntas[0].respuestas_pregunta1[0].respuesta1_pregunta1[0].ayuda1_pregunta1_A);
var salto=$("<br>");
/*
var input_pregunta1_respuesta1002=$("<input>",{
type:"radio",
name:"pregunta1",
value:"1002",
id:"respuesta1002"
});
var label_input_pregunta1_respuesta1002=$("<label></label>").attr("for","respuesta1002").text(informacion.preguntas[0].respuestas_pregunta1[1].respuesta2_pregunta1[0].respuesta2_pregunta1_B);
var p_ayuda2_pregunta1_B=$("<p></p>").attr("id","ayuda1002").text(informacion.preguntas[0].respuestas_pregunta1[1].respuesta2_pregunta1[0].ayuda2_pregunta1_B);
*/
body.append(
div_main.prepend(
div_pregunta.prepend(pregunta1).append(
formm.append(input_pregunta1_respuesta1001).append(label_input_pregunta1_respuesta1001).append(p_ayuda1_pregunta1_A).append(salto)
)
)
);
HTML This is the result I need to perform
<body>
<div class="main">
<!--PREGUNTA1-->
<div>
<p>¿África, América, Antártida, Asia, Europa, y Oceanía son?</p>
<form action="">
<input type="radio" name="pregunta1" value="1001" id="respuesta1001">
<label for="respuesta1001">Países</label><br>
<p id="ayuda1001">Territorio, con características geográficas y culturales propias, que puede constituir una entidad política dentro de un Estado.</p>
<input type="radio" name="pregunta1" value="1002" id="respuesta1002">
<label for="respuesta1002">Municipios</label><br>
<p id="ayuda1002">División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento.</p>
<input type="radio" name="pregunta1" value="1003" id="respuesta1003">
<label for="respuesta1003">Estados / provincias</label><br>
<p id="ayuda1003">Pueblo organizado en un territorio sometido a un único poder.</p>
<input type="radio" name="pregunta1" value="1004" id="respuesta1004">
<label for="respuesta1004">Continentes</label><br>
<p id="ayuda1004">Es cada una de las grandes extensiones en que se divide la superficie terrestre, separadas entre sí por los océanos.</p>
<input type="radio" name="pregunta1" value="1005" id="respuesta1005">
<label for="respuesta1005">Islas</label><br>
<p id="ayuda1005">Es una zona de masa terrestre estable, más o menos extensa, rodeada completamente por una masa de agua.</p><br>
<input type="button" name="pregunta1" id="boton1" value="Validar">
</form>
</div>
<!--PREGUNTA2-->
<div>
<p>¿África, América, Antártida, Asia, Europa, y Oceanía son?</p>
<form action="">
<input type="radio" name="pregunta2" value="2001" id="respuesta2001">
<label for="respuesta2001">Países</label><br>
<p id="ayuda2001">Territorio, con características geográficas y culturales propias, que puede constituir una entidad política dentro de un Estado.</p>
<input type="radio" name="pregunta2" value="2002" id="respuesta2002">
<label for="respuesta2002">Municipios</label><br>
<p id="ayuda2002">División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento.</p>
<input type="radio" name="pregunta2" value="2003" id="respuesta2003">
<label for="respuesta2003">Estados / provincias</label><br>
<p id="ayuda2003">Pueblo organizado en un territorio sometido a un único poder.</p>
<input type="radio" name="pregunta2" value="2004" id="respuesta2004">
<label for="respuesta2004">Continentes</label><br>
<p id="ayuda2004">Es cada una de las grandes extensiones en que se divide la superficie terrestre, separadas entre sí por los océanos.</p>
<input type="radio" name="pregunta2" value="2005" id="respuesta2005">
<label for="respuesta2005">Islas</label><br>
<p id="ayuda2005">Es una zona de masa terrestre estable, más o menos extensa, rodeada completamente por una masa de agua.</p><br>
<input type="button" name="pregunta2" id="boton2" value="Validar">
</form>
</div>
<!--PREGUNTA3-->
<div>
<p>¿África, América, Antártida, Asia, Europa, y Oceanía son?</p>
<form action="">
<input type="radio" name="pregunta3" value="3001" id="respuesta3001">
<label for="respuesta3001">Países</label><br>
<p id="ayuda3001">Territorio, con características geográficas y culturales propias, que puede constituir una entidad política dentro de un Estado.</p>
<input type="radio" name="pregunta3" value="3002" id="respuesta3002">
<label for="respuesta3002">Municipios</label><br>
<p id="ayuda3002">División territorial administrativa en que se organiza un estado, que está regida por un ayuntamiento.</p>
<input type="radio" name="pregunta3" value="3003" id="respuesta3003">
<label for="respuesta3003">Estados / provincias</label><br>
<p id="ayuda3003">Pueblo organizado en un territorio sometido a un único poder.</p>
<input type="radio" name="pregunta3" value="3004" id="respuesta3004">
<label for="respuesta3004">Continentes</label><br>
<p id="ayuda3004">Es cada una de las grandes extensiones en que se divide la superficie terrestre, separadas entre sí por los océanos.</p>
<input type="radio" name="pregunta3" value="3005" id="respuesta3005">
<label for="respuesta3005">Islas</label><br>
<p id="ayuda3005">Es una zona de masa terrestre estable, más o menos extensa, rodeada completamente por una masa de agua.</p><br>
<input type="button" name="pregunta3" id="boton3" value="Validar">
</form>
</div>
</div>
</body>