У меня есть динамические поля для конструктора викторин, от которых я получаю вопросы и ответы. Мне нужно отсортировать их и создать объект JS
Поля вопросов и ответов имеют следующий формат:
<div class="input-group" data-question-id= qNUM id = q2 >
<div class="input-group" data-answer-id= aNUM id = q4 >
Сама форма выглядит следующим образом:

Мне нужно иметь возможность получить объект, ответ на который есть у детей в виде вопросов. У меня так, что каждый вопрос = 1 запись, так что я могу перенести это в основной объект викторины, но я не уверен, что это лучший способ сделать это.
var entry ={
"Question":"Question1",
"Answers":[ "A", "B", "C" ]
}
$( "#quizForm" ).submit(function( event ) {
$('#q2 input').each(function () {
let newEntry = new entry();
console.log(this.value);
console.log(this.parentNode.getAttribute("data-question-id"));
console.log(this.parentNode.getAttribute("id"));
entry.Question = this.value;
const answersArray = new Array();
answersArray.push(this.value);
entry.Answers = answersArray;
})
Я получаю правильные данные из полей, но мне нужно отформатировать их, и я думаю, что у меня много вещей не в порядке.