Function que percorre table e recebe valor de <td>

[kernmatheus 4]

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 = "";


					}
				}
}

 

[Gabriel Heming 766]

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/

[William Bruno 1501]

ou:

 

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

 

[kernmatheus 4]

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 766]

@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 255]

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)?