1

Eu tenho esta função que soma os campos de uma coluna da table e funciona perfeitamente:

let result = 0;
    let columns = $("#tablepesquisaprodutos tr td:nth-child(" + 8 + ")");

    columns.each(i => {
        result += parseFloat($(columns[i]).html().replace(/\./g, '').replace(',', '.'));
    });

Porém surgiu a necessidade de somar somente os campos onde a coluna 19 for true, como posso fazer tudo isto na mesma função ? Detalhe: Neste caso é uma table dinâmica, que preencho por jquery.

Este é o HTML da table

<table class="table table-responsive table-hover table-striped" id="tablepesquisaprodutos" style="font-size:12px;">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Código</th>
                            <th>Descrição</th>
                            <th>Qtd</th>
                            <th>Preço Un.</th>
                            <th>Desc %</th>
                            <th>Desc R$</th>
                            <th>Total</th>
                            <th>ICMS</th>
                            <th>Alíquota</th>
                            <th>V.ICMS</th>
                            <th>%ISS</th>
                            <th>V.ISS</th>
                            <th>%IPI</th>
                            <th>V.IPI</th>
                        </tr>
                    </thead>
                    <tbody><tr class="item"><td><input type="checkbox" class="link-check" onchange="cbChange(this);"></td>
                        <td>P00082</td>
                        <td>teste</td>
                        <td>1</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>1</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td>0,00</td>
                        <td style="display: none;">1</td>
                        <td style="display: none;">82</td>
                        <td style="display: none;">08/11/2018</td>
                        <td style="display: none;">true</td>
</tr></tbody>
                </table>
6
  • Você pode usar o filter do jQuery. Coloque o HTML da sua tabela para ficar mais fácil de demonstrar.
    – Andre
    7/11/2018 às 19:23
  • @Andre eu preencho esta tabela dinamicamente por jquery, vou editar a resposta.
    – Mariana
    7/11/2018 às 19:24
  • Abra as ferramentas de desenvolvedor e copie o HTML já renderizado da sua página. A solução vai depender de como esse "false" é representado. O que essa variável "Tipo" contém? Ele é um booleano? Um checkbox?
    – Andre
    7/11/2018 às 19:31
  • É do tipo string, preciso verificar se está com true ou false. Como expliquei a table é preenchida dinamicamente.
    – Mariana
    7/11/2018 às 19:33
  • Mas não importa se a tabela é preenchida dinamicamente, você pode pegar o HTML dela com as ferramentas de desenvolvedor. Adicione uma linha a ela, aperte F12, localize a tabela no seu HTML e copie-a.
    – Andre
    7/11/2018 às 19:41

2 Respostas 2

2

Você pode usar :contains() para selecionar todas as linhas onde a coluna 19 contém o texto "true". E usando .siblings() irá selecionar a coluna irmã especificada (no caso, a coluna 8).

O :contains() seleciona todos os elementos que contém um determinado texto. Desta forma não precisa criar uma função com filter().

Sendo assim, não precisa mudar nada no seu código, apenas os seletores da variável columns:

let result = 0;
let columns = $("#tablepesquisaprodutos tr")
               .find("td:nth-child(19):contains('true')") 
               .siblings("td:nth-child(" + 8 + ")");

columns.each(i => {
   console.log($(columns[i]).html());
   result += parseFloat($(columns[i]).html().replace(/\./g, '').replace(',', '.'));
});
1
  • Entendi, não conhecia o :contains(), muito obrigado, funcionou perfeitamente, é sempre bom conhecer mais coisas.
    – Mariana
    8/11/2018 às 10:58
0
/*Filtra apenas os trs que possuem true como texto interno*/
let trs = $('#tablepesquisaprodutos tr').filter((i, e) => $(e).find('td:nth-child(19)').html() === 'true');

/*Encontra o oitavo elemento da coluna*/
let columns = trs.find('td:nth-child(8)');

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .