Tenho o seguinte codigo HTML:
<div class="">
<table>
<tbody>
<tr>TITULO DO BOX</tr>
</tbody>
</table>
<table class="classeTable">
<tbody>
<tr>
<td>Esporte:</td>
<td>Futebol</td>
</tr>
<tr>
<td>Esporte:</td>
<td>Volei</td>
</tr>
<tr>
<td>Esporte:</td>
<td>Basquete</td>
</tr>
</tbody>
</table>
<div>
No momento, eu tenho varias div
sem identificação nenhuma e dentro dessas div
eu tenho 2 table
, a primeira table
tem o TITULO DO BOX e apenas isso, já a segunda table
tem o conteúdo do box porém tem uma class
que pode ajudar, porém essa mesma class
é usada em varios outros lugares, então não daria pra ser usada como um identificador, o que poderia ser usado, seria o (TITULO DO BOX + class="classeTable"
), como eu poderia juntar essas 2 informações pra identificar exatamente que eu gostaria de pegar os valores Futebol/Volei/Basquete?
Uma solução seria:
$(".classeTable > tbody > tr:nth-child(1) > td:nth-child(2)").text();
$(".classeTable > tbody > tr:nth-child(2) > td:nth-child(2)").text();
$(".classeTable > tbody > tr:nth-child(3) > td:nth-child(2)").text();
Mas como eu mencionei anteriormente, essa class="classeTable"
está sendo usada em diversos lugares, então o jQuery não saberia ao certo qual class="classeTable"
escolher.
Algo assim seria o ideal:
$("TITULO DO BOX .classeTable > tbody > tr:nth-child(1) > td:nth-child(2)").text();
$("TITULO DO BOX .classeTable > tbody > tr:nth-child(2) > td:nth-child(2)").text();
$("TITULO DO BOX .classeTable > tbody > tr:nth-child(3) > td:nth-child(2)").text();
Porém não sei ao certo como fazer isso e se tem como fazer isso. Talvez tenha algum jeito diferente que eu não tenho conhecimento.