0

Tenho as seguintes linhas dentro de uma tabela:

<table id="table_marcas">
    <tr>
        <td>Nome</td>
        <td class="template">Óleos</td>
        <td class="template">Veículos</td>
        <td class="template">Óleos</td>
    </tr>
.....
</table>

Estas linhas são geradas dinamicamente no servidor de acordo com algumas condições, e podem existir ou não existir no HTML final. O que eu procuro, é ir buscar o conteúdo da class "template", e depois verificar se existe algum igual a "Óleos".

3
  • 1
    Teria como você explicar melhor essa parte de dinâmica? A estrutura da tabela é alterada ou somente os valores? É após o carregamento da página ou após algum evento, como um click em um botão?
    – Randrade
    20/12/2016 às 18:23
  • @Randrade, sim a estrutura pode ser alterada, podem ser removidas linhas, ou adicionadas novas linhas. Acontece durante o carregamento da página
    – pc_oc
    20/12/2016 às 18:27
  • 1
    Se é durante o carregamento, o código da resposta abaixo deve lhe atender.
    – Randrade
    20/12/2016 às 18:30

2 Respostas 2

3

Você pode usar getElementsByClassName para buscar todos os elementos que possuem essa classe, então verificar o conteúdo dela:

console.log(verificarElemento('Óleos'));

function verificarElemento(nome) {
  var tds = document.getElementsByClassName("template");
  for (var i = 0; i < tds.length; i++) {
    if (tds[i].innerHTML == nome)
      return true;
  }
  return false;
}
<table>
  <tr>
    <td class="template">Óleos</td>
    <td class="template">Veículos</td>
    <td class="template">Óleos</td>
  </tr>
</table>

1
  • 1
    é isso que precisava. Muito obrigado!
    – pc_oc
    21/12/2016 às 9:47
1

Vc pode usar jQuery para fazer o for somente nos elemento que vc quer

$(document).ready(function(){
  $("#table_marcas tr td.template").each(function(x,e){
     alert($(e).text());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table_marcas">
    <tr>
        <td>Nome</td>
        <td class="template">Óleos</td>
        <td class="template">Veículos</td>
        <td class="template">Óleos</td>
    </tr>
    <tr>
        <td>Nome</td>
        <td class="template2">Óleos2</td>
        <td class="template2">Veículos2</td>
        <td class="template2">Óleos2</td>
    </tr>
</table>

1
  • 3
    O AP (autor da pergunta) tagou somente javascript @RafaelLilo.
    – BrTkCa
    20/12/2016 às 18:38

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 .