usando jquery para encontrar todas las td en una tabla por posición de columna

Question

Estoy tratando de agregar una clase a la última celda de cada fila de una tabla ... esto no funciona ... solo aplica el estilo correcto al último elemento en la primera fila (superior) ...

//the last cell in every row all have border right 
       var lastIndex = getLastVisibleIndex(); 
       var rows = $("table.scrollable tr"); 
       rows.each(function() { 
        $("td:eq(" + lastIndex + ")").addClass(rightStyle) 
       }); 

Answer 1

He utilizado el nth-child ...

$("table.scrollable td:nth-child(" + lastIndex + ")").addClass(rightStyle); 

Algunas buenas soluciones alternativas aquí, sin embargo.

Answer 2

Cuando busca tds, debe buscar solo dentro de la fila actual. Ver la adición de este :

  rows.each(function() { 
       $("td:eq(" + lastIndex + ")", this).addClass(rightStyle) 
      }); 

Answer 3

También es posible que sus filas de la tabla no todos tienen lastIndex células. Pruebe esto para una mayor fiabilidad:

rows.each(function() { 
    $(this).children("td").last().addClass(rightStyle) 
}); 

Answer 4

$("table.scrollable tr").each(function() { 
        $(this).children("td").eq(lastIndex).addClass(rightStyle); 
       }); 

Answer 5

hacerlo todo en una sola línea ...

$('table tr td:last-child').addClass(rightStyle); 

// Targeting a particular column as pointed out by FiveTools 
// Note that :nth-child(n) is 1-indexed 
$('table tr td:nth-child(3)').addClass('highlight'); 

http://jsfiddle.net/cobblers/hWqBU/

Answer 6

que hacen lo mismo que lo está haciendo, pero establecer el ancho de columna de la última td

// SET FIRST AND LAST TD SIZE 
$("tr").each(function() { 
    $(this).children("td:last").attr("width", 200); 
});