Estou com dificuldades em fazer um array em jquery com o "each" para salvar os valores de inputs contidos dentro de uma lista, no seguinte formato:
Obs: Na lista de questões, cada questão tem uma sublista com as alternativas.
<ul class="questoes">
<li class="questao">
<div class="row">
<div class="left-col col col-md-11">
<input type="number" name="numero_questao" class="form-input num_quest" style="max-width: 160px" placeholder="Nº da questão" data-chave="numero_questao">
</div>
<div class="right-col col-6 col-md-1">
<i data-toggle="collapse" data-parent="#accordion" href="#collapse-questao" aria-expanded="true" aria-controls="collapse-questao" class="questoes_arrow fa fa-caret-up" aria-hidden="true"></i></a>
</div>
</div>
<div id="collapse-questao" class="collapse questoes_arrow_container show" role="tabpanel" aria-labelledby="heading-questao">
<div class="questao-body" id="questao">
<h4 class="h5">Enunciado da questão: </h4>
<textarea name="enunciado" class="form-control enunciado" data-chave="enunciado">Enunciado da questão</textarea>
<div class="line"></div>
<h4 class="h5">Alternativas da questão: </h4>
<ul id="alternativas">
<li class="alternativa">
<input type="text" class="form-control" value="a" style="max-width: 200px" placeholder="Indice da alternativa" data-chave="indice">
<div class="alternativa-body">
<h4 class="h5">Enunciado da alternativa: </h4>
<textarea name="enunciado_alternativa" class="form-control" data-chave="descricao">Descrição da alternativa</textarea>
<div class="align-items-center"><input type="checkbox" name="correta" value="1" data-chave="correta"> Esta é a alternativa correta.</div>
</div>
</li>
<li class="alternativa">
<input type="text" class="form-control" style="max-width: 200px" value="b" placeholder="Indice da alternativa" data-chave="indice">
<div class="alternativa-body">
<h4 class="h5">Enunciado da alternativa: </h4>
<textarea name="enunciado_alternativa" class="form-control" data-chave="descricao">Descrição da alternativa</textarea>
<div class="align-items-center"><input type="checkbox" name="correta" value="1" data-chave="correta"> Esta é a alternativa correta.</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
Já tentei de varias formas, comecei a fazer assim para tentar salvar só as alternativas para fazer um teste e nem isso deu certo:
var questoes = Array();
$("#alternativas li").each(function () {
var alternativas = {}
$(this).find('input').each(function () {
alternativas[$(this).attr('data-chave')] = $(this).val();
});
questoes.push(alternativas);
});
Para deixar mais claro, isso ai é um questionário e como tal tem 'N' perguntas e cada pergunta 'N' alternativas. A ideia é formar o questionário sob medida, o usuário que vai adicionar iterativamente as perguntas e alternativas e isso já está funcionando com o append, o problema é que preciso pegar os valores dos inputs e organizar em um array e não estou sabendo fazer isso
#alternativas
na página?