2

Quero estudar mais sobre as <table> <tr> <td> etc, para otimizar meus projetos.
Exemplo: Tenho 4 <tr> com 2 <td> cada, ao aplicar uma formula em jQuery por exemplo, que some o primeiro <td> com o segundo <td> de cada <tr> utilizando pouca formula. Quero saber como referenciar o primeiro com o segundo de cada linha.
Alguma idéia?

12
  • A forma mais apropriada de fazer depende do objetivo, assim como da estrutura html que está a utilizar. Tente ser mais especifico nesses dois pontos
    – Isac
    Commented 29/10/2017 às 1:48
  • Meu único objetivo é estudar a estrutura, porem não sei por o que procurar no google para esse estudo. Commented 29/10/2017 às 1:51
  • Não ficou muito claro. Vc quer que suma os dois tds de cada linha?
    – Sam
    Commented 29/10/2017 às 1:52
  • Se cada linha tem 2 td, vai sumir a table toda.
    – Sam
    Commented 29/10/2017 às 1:53
  • 1
    O primeiro <td> de cada <tr> é dado por $("tr").children().first(). É isso que queria saber? Ou até mesmo tudo no seletor, com $("tr td:first-child"). Neste ultimo caso é puramente CSS o Jquery nem é relevante
    – Isac
    Commented 29/10/2017 às 2:05

1 Resposta 1

2

Para referenciar a primeira td de cada tr, você pode usar duas maneiras:

1ª: com first-child:

$("tbody tr td:first-child").css("color","red");

:first-child é uma pseudo-classe que, neste caso, referencia toda primeira td filha de uma tr na tbody.

2ª: com nth-child(1):

$("tbody tr td:nth-child(1)").css("color","red");

Para referenciar a segunda td de cada tr, você pode usar nth-child(2):

$("tbody tr td:nth-child(2)").css("color","red");

Para referenciar a terceira td em diante, basta trocar o index para 3, 4 em diante:

$("tbody tr td:nth-child(index)").css("color","red");

Lembrado que o index de nth-child() no jQuery começa com 1.

4

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 .