No consigo seleccionar cierto rango de td
para toda la tabla en jquery.
O lo que es lo mismo, Busco pintar/capturar todas las celdas de todas las filas excepto las celdas de la última columna, pero no se porque solo funciona con la primera fila.
Digo jquery porque creo que es lo más rapido, pero si alguien sabe hacerlo en ES sin complicarse casi que mejor.
$(document).ready(function(){
$('tr td:lt(2)').css("background-color", "yellow");
$("table").on('click','tr td:lt(2)', function() {
console.log(this)
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1">
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Berglunds snabbköp</td>
<td>Christina Berglund</td>
<td>Sweden</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Königlich Essen</td>
<td>Philip Cramer</td>
<td>Germany</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
<tr>
<td>North/South</td>
<td>Simon Crowther</td>
<td>UK</td>
</tr>
</table>
td
. Lo que buscas es que se pinten todas las filas hasta un cierto rango?