He buscado en línea la respuesta pero
$(".classname tbody tr td") or $("table.classname tbody tr td") no funciona, tengo una mesa con solo una clase y necesito operar en td s, etc.
la única razón por la que no funciona es probablemente el nombre de la clase que es: nombre de la table name name-surname .
el html es así
<div class="tab"> <table class="table name name-surname"> <tbody> <tr> <td>name</td> <td>surname</td> </tr> </tbody> </table> </div>¿Es este el verdadero problema o me estoy perdiendo algo? hay alguna manera de evitarlo? no puedo agregar una identificación o cambiar el nombre de la clase
Siempre puede escribir su selector como este .table.name.name-surname tbody tr td
$(".table.name.name-surname tbody tr td").each(function() { console.log($(this).html()) }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <div class="tab"> <table class="table name name-surname"> <tbody> <td>name</td> <td>surname</td> </tbody> </table> </div>Para que $(".classname tbody tr td") o $("table.classname tbody tr td") funcionen, la tabla debe tener una clase llamada classname
console.log($(".classname tbody tr td")); console.log($("table.classname tbody tr td")); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div class="tab"> <table class="table name name-surname classname"> <tbody> <td>name</td> <td>surname</td> </tbody> </table> </div>Simplemente use una de sus clases de tabla como $(".table") o si desea usar varias clases, conéctelas con un dot como este: $('.table.name.name-surname tbody tr td')
Aquí está la muestra de trabajo:
$(".table tbody tr td").each(function(itm,el) { console.log(el); }); $('.table.name.name-surname tbody tr td').each(function(itm,el) { console.log(el); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="tab"> <table class="table name name-surname"> <tbody> <tr> <td>name</td> <td>surname</td> </tr> </tbody> </table> </div>