none
Preciso trocar o valor de uma coluna em uma tabela com javascript. Como fazer? RRS feed

  • Pergunta

  • Olá,
    Tenho uma tabela com 5 colunas (A, B, C, D, e E).
    Preciso fazer agora uma validação no valor da coluna D.

    Se a coluna D tiver valor, eu exibo este valor na tabela, caso contrário eu exibo o valor da coluna E no lugar do valor da coluna D.

    Como que posso fazer isso com JavaScript?

    Obrigado


    k2rto4-Pb - Analista SharePoint


    • Editado TI DEV terça-feira, 2 de outubro de 2012 14:43
    terça-feira, 2 de outubro de 2012 14:42

Respostas

  • Você pode fazer de várias formas..

    <table>
    <tr>
        <td>um</td>
        <td>dois</td>
        <td>três</td>
        <td>quatro</td>
        <td>cinco</td>
    </tr>
    </table>
    
    <script>
        $(function () {
            $("table td:nth-child(5)").text("aaa");
        });
    </script>
    
    ----------------------
    
    <table>
    <tr>
        <td>um</td>
        <td>dois</td>
        <td>três</td>
        <td>quatro</td>
        <td class="quinto-td">cinco</td>
    </tr>
    </table>
    
    <script>
        $(function () {
            $(".quinto-td").text("aaa");
        });
    </script>
    ----------------------
    <table>
    <tr>
        <td>um</td>
        <td>dois</td>
        <td>três</td>
        <td>quatro</td>
        <td>cinco</td>
    </tr>
    </table>
    
    <script>
         document.querySelectorAll("table td:nth-child(5)")[0].innerText = "huuhhu"
    </script>
    
    


    http://www.linkedin.com/pub/murilo-kunze/44/191/455

    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 18:09
    terça-feira, 2 de outubro de 2012 15:28
  • Olá,
    Consegui resolver aqui.
    Meu código ficou assim:

    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">
         $(document).ready(function() 
         {
    	var cont = $('#idDaMinhaTabela tr').length;		
            for (var row = 1; row < cont; row++) 
    	{
    	   if($("#idDaMinhaTabela").children().children()[row] != null)
    	     {
    	       if($("#idDaMinhaTabela").children().children()[row].children[NumeroDaColunaASerValidada].innerHTML == "")
    	          $("#idDaMinhaTabela").children().children()[row].children[NumeroDaColunaASerValidada].innerHTML = $("#idDaMinhaTabela").children().children()[row].children[NumeroDaColunaComNovasInformacoes].innerHTML;
                 }
    	}
         });
    </script>

    Obrigado.
    Abs

    k2rto4-Pb - Analista SharePoint

    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 18:09
    terça-feira, 2 de outubro de 2012 18:08

Todas as Respostas

  • Você pode fazer de várias formas..

    <table>
    <tr>
        <td>um</td>
        <td>dois</td>
        <td>três</td>
        <td>quatro</td>
        <td>cinco</td>
    </tr>
    </table>
    
    <script>
        $(function () {
            $("table td:nth-child(5)").text("aaa");
        });
    </script>
    
    ----------------------
    
    <table>
    <tr>
        <td>um</td>
        <td>dois</td>
        <td>três</td>
        <td>quatro</td>
        <td class="quinto-td">cinco</td>
    </tr>
    </table>
    
    <script>
        $(function () {
            $(".quinto-td").text("aaa");
        });
    </script>
    ----------------------
    <table>
    <tr>
        <td>um</td>
        <td>dois</td>
        <td>três</td>
        <td>quatro</td>
        <td>cinco</td>
    </tr>
    </table>
    
    <script>
         document.querySelectorAll("table td:nth-child(5)")[0].innerText = "huuhhu"
    </script>
    
    


    http://www.linkedin.com/pub/murilo-kunze/44/191/455

    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 18:09
    terça-feira, 2 de outubro de 2012 15:28
  • Olá,
    Consegui resolver aqui.
    Meu código ficou assim:

    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">
         $(document).ready(function() 
         {
    	var cont = $('#idDaMinhaTabela tr').length;		
            for (var row = 1; row < cont; row++) 
    	{
    	   if($("#idDaMinhaTabela").children().children()[row] != null)
    	     {
    	       if($("#idDaMinhaTabela").children().children()[row].children[NumeroDaColunaASerValidada].innerHTML == "")
    	          $("#idDaMinhaTabela").children().children()[row].children[NumeroDaColunaASerValidada].innerHTML = $("#idDaMinhaTabela").children().children()[row].children[NumeroDaColunaComNovasInformacoes].innerHTML;
                 }
    	}
         });
    </script>

    Obrigado.
    Abs

    k2rto4-Pb - Analista SharePoint

    • Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 18:09
    terça-feira, 2 de outubro de 2012 18:08