funções inserindo valores em tabela

[Wanderson Silva]

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 Dezembro 11, 2015 por Wanderson Silva

[macielportugal]

A lógica está certa, o que pode está errado são os espaço ou a falta de jquery, aperta f12 ou clica com botao direito e procurar inspecionar elemento, ver a aba console.

 

[fiote]

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/

[Wanderson Silva]

23 horas atrás, fiote disse:

Funcionou perfeitamente, obrigado, só fiz alguns ajustes, rodou tranquilo.