Isolar contador para campos

Tenho um formulário onde existem campos, para cada exercício de execução, que são criados à partir de botões. e a cada campo criado são numerados. porém precisaria que eles numerassem separadamente, pois no momento quando crio um campo no exercicio x ele me da a referencia '1', e quando crio um exercício no campo y ele pucha o ultimo indice e me da referencia '3' sendo que eu preciso que me de referencia '1'.

vou colocar o código html e no js

<!--  Pauta da Reunião -->
    <div class="panel panel-primary" id="FormatacaoPauta">
        <div class="panel-heading">
            <h3 class="panel-title">Pauta</h3>
        </div>
        <div class="form-group">
            <table tablename="tabelapautas" class="table" noaddbutton="true">
                <thead>
                    <tr class="tableHeadRow"><th class="tableColumn">Número</th><th class="tableColumn">Descrição</th></tr>
                </thead>
                <tbody>
                    <tr class="tableBodyRow">
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form">
                                <label value="1">1</label>
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-9">
                            <div class="form-input">
                                <input type="text" name="desc_pauta" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <input type="button" class="btn btn-primary" name="anexo_Pauta" 
                                        id="anexo_Pauta" value="Inserir Anexo" onclick="showCamera();"/>
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <button type="button" class="btn btn-primary" name="mostrararquivo" 
                                        id="mostrararquivo">mostrar arquivo</button>
                            </div>
                        </td>        
                    </tr>            
                </tbody>
            </table>
            <button type="button" class="btn btn-primary" id="button_pauta" onclick="adiciona()">Nova Pauta</button>

        </div>
    </div>
<!--  Assuntos Discutidos -->
    <div class="panel panel-primary" id="FormatacaoAssuntos">
        <div class="panel-heading">
            <h3 class="panel-title">Assuntos Discutidos</h3>
        </div>
        <div class="form-group">
            <label>Assuntos</label>
                <table tablename="tabelaassuntos" class="table" noaddbutton="true">
                    <thead>
                        <tr class="tableHeadRow"><th class="tableColumn">Número</th><th class="tableColumn">Assunto</th></tr>
                    </thead>
                    <tbody>
                        <tr class="tableBodyRow">
                            <td class="fs-v-align-middle col-md-1">
                                <div class="form">
                                    <label value="1">1</label>
                                </div>
                            </td>
                            <td class="fs-v-align-middle col-md-11">
                                <div class="form-input">
                                    <input type="text" name="desc_assunto" class="form-control">
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            <button type="button" class="btn btn-primary" id="button_assunto"  onclick="adiciona1()">Novo Assunto</button>
        </div>
    </div>
<!--  Plano de Ação -->
    <div class="panel panel-primary" id="FormatacaoAcao">
        <div class="panel-heading">
            <h3 class="panel-title">Plano de Ação</h3>
        </div>
        <div class="form-group">
            <table tablename="tabelaacao" class="table" noaddbutton="true">
                <thead>
                    <tr class="tableHeadRow">
                        <th class="tableColumn">Número</th>
                        <th class="tableColumn">Ação</th>
                        <th class="tableColumn">Responsável</th>
                        <th class="tableColumn">Dead Line</th>
                        <th class="tableColumn">Tempo previsto</th>
                        <th class="tableColumn">Tempo realizado</th>
                        <th class="tableColumn">Data de entrega</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="tableBodyRow">
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <input type="text" name="num_acao" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-7">
                            <div class="form-input">
                                <input type="text" name="desc_acao" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-2">
                            <div class="form-input">
                                <input type="text" name="resp_acao" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-2">
                            <div class="form-input">
                                <input type="text" name="dead_line" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-2">
                            <div class="form-input">
                                <input type="text" name="tempo_previsto" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-2">
                            <div class="form-input">
                                <input type="text" name="tempo_executado" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-2">
                            <div class="form-input">
                                <input type="text" name="dt_entrega" class="form-control">
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <button type="button" class="btn btn-primary" id="button_acao" onclick="adiciona2()">Nova Ação</button>
        </div>
    </div>
function adiciona(){
    var i = 0;
    wdkAddChild('tabelapautas');
    $('.table').find('label').each(function(){
    $(this).text(i);
    i+=1;
    })
}
function adiciona1(){
    var i = 0;
    wdkAddChild('tabelaassuntos');
    $('.table').find('label').each(function(){
    $(this).text(i);
    i+=1;
    })
}
function adiciona2(){
    var i = 0;
    wdkAddChild('tabelaacao');
    $('.table').find('label').each(function(){
    $(this).text(i);
    i+=1;
    })
}

conseguem me ajudar?

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags indice-isolado eclipse fluig ou faça a sua própria pergunta.