Ir para conteúdo
Fórum Script Brasil
  • 0

funções inserindo valores em tabela


Wanderson Silva

Pergunta

Boa tarde,

criei uma função chamada materia, e estou tentando fazer com que, a partir dos parâmetros passados a ela, sejam inseridos tags e valores numa tabela, sem sucesso. código a seguir:

 


 

<script type="text/javascript">         function materia(nome, n1, n2, n3, n4){                 $('.live').append('<tr id="' + nome + '"></tr>');                 $('#' + nome).html('<td>' + nome + '</td>');

        };

 </script>

<script type="text/javascript">         materia('Artes', '6.0', '6.0', '6.0', '5.5');         materia('História', '6.0', '6.0', '6.0', '5.5');     </script>

 

 

 

 

e agora o HTML que deveria ser manipulado:

 


 



<table>
        <thead class="cabeca">
            <tr class="cabeca">
                <td>Matéria</td>
                <td>Nota I</td>
                <td>Nota II</td>
                <td>Nota III</td>
                <td>Nota IV</td>
                <td>Média</td>
                <td>Situação</td>
            </tr>
        </thead>
        <tbody class="live">

            
        </tbody>
    </table>

 

 

 

os dados são fictícios, o primeiro script ainda está incompleto, já que não consegui fazer com que os dados já fossem inseridos, não quis completar sem antes conseguir que funcionasse.

Desde já agradeço

Editado por Wanderson Silva
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Tenta assim:

function materia(nome, n1, n2, n3, n4) {     
    var $tbody = $('.live');
  var $tr = $('<tr>').attr('id',nome).appendTo($tbody);
  $('<td>').html(nome).appendTo($tr);
  $('<td>').html(n1).appendTo($tr);
  $('<td>').html(n2).appendTo($tr);
  $('<td>').html(n3).appendTo($tr);
  $('<td>').html(n4).appendTo($tr);
  
  var total = parseFloat(n1)+parseFloat(n2)+parseFloat(n3)+parseFloat(n4);
  var media = total/4;
  $('<td>').html(media).appendTo($tr);
  
  if (media > 7) {
      var situacao = 'Aprovado';
  } else if (media > 3) {
      var situacao = 'Prova Final';
  } else {
      var situacao = 'Reprovado';
  }
  $('<td>').html(situacao).appendTo($tr);
};

$(window).ready(function() {
    materia('Artes', '6.0', '6.0', '6.0', '5.5');
    materia('História', '6.0', '6.0', '6.0', '5.5'); 
});

https://jsfiddle.net/xc1cw7jz/

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...