Publicado em 10 de fev.

Function que percorre table e recebe valor de <td>

Srs,

Tenho uma tabela alimentada a partir de um dataset.

	Quando o usuário clica em alguma linha da tabela o <tr> recebe a class DANGER.

	 

	Eu preciso de uma função que identifique quais <tr> tem a class danger e me passe o valor das <td> de dentro desta <tr>.

	 

	Abaixo uma função que percorre a table e identifica a <tr> que está com a classe, porém dentro daquele IF eu preciso de algo que receba o valor das tags <td>.

	Alguma sugestão?

	 

function varre_table(){
 var trs = document.getElementsByTagName("tr");

 for (var i = 0; i<trs.length; i++) {

 if (trs[i].className == "danger") {

 trs[i].className = "";

 }
 }
}

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Gabriel Heming· 10 de fev.

Se você precisa apenas recuperar o valor das TDs, pode utilizar o código abaixo:

var trList = document.getElementsByTagName("tr");

for(var i = 0 ; i < trList.length ; i++)

{ if (trList[i].classList.contains('danger')) {

 var tdList = trList[i].getElementsByTagName('td');
 for(var j = 0 ; j < tdList.length ; j++)
 {
 console.log(tdList[i].innerHTML);
 }
 }
}

	Outro ponto, seria selecionar diretamente o conteúdo que possui a classe "danger"

	 

	[https://jsfiddle.net/dbsas7sy/](https://jsfiddle.net/dbsas7sy/)

William Bruno· 10 de fev.

ou:

var tdList = document.querySelectorAll('tr.danger td');

kernmatheus· 10 de fev.

function varre_table(){
 var trs = document.getElementsByTagName("tr");
 var data = '';
 var preco = '';
 for (var i = 0; i<trs.length; i++) {

 if (trs[i].className == "danger") {
 data = document.getElementsByTagName('td')[1].innerHTML;
 preco = document.getElementsByTagName('td')[3].innerHTML;
 genPDF();
 }
 }
	}

	Obrigado pela ajuda,  finalizei pegando as informações desta maneira.

Gabriel Heming· 10 de fev.

@kernmatheus ambas as funções vão lhe suprir. Mas, acredito que a solução do @William Bruno seja a mais indicada (que eu desconhecia).

gabrieldarezzo· 10 de fev.

Ahh não esquece de conferir:

http://caniuse.com/#search=querySelectorAll

As vezes a do Gabriel apesar de ser maior tem compatibilidade com um publico, da uma olhada no seu Target de Browser...(Tem Google Analytics)?