Usuário com melhor resposta
Preciso trocar o valor de uma coluna em uma tabela com javascript. Como fazer?

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
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
-
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.
Absk2rto4-Pb - Analista SharePoint
- Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 18:09
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
-
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.
Absk2rto4-Pb - Analista SharePoint
- Marcado como Resposta TI DEV terça-feira, 2 de outubro de 2012 18:09