jQuery nth-child selector

Question

Tengo un pequeño problema confuso con jQuery y seleccionando/diseñando una columna en una tabla.

El siguiente código funciona:

$(function() { 
     $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child(10)").each(function() { 
      $(this).toggleClass("colhighlight"); 
     }); 
     }); 
    }); 

Pero este código, cambiando el niño enésimo (10) a nth-child (iCol) produce un error "excepción no capturada: Error de sintaxis, expresión no reconocida:: nth-child "

$(function() { 
     $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child(iCol)").each(function() { 
      $(this).toggleClass("colhighlight"); 
     }); 
     }); 
    }); 

Cualquier ayuda sería muy apreciada.

Answer 1

 $("table tr td:nth-child(" + iCol + ")").each(function() { 
     $(this).toggleClass("colhighlight"); 
    }); 

nth-child espera un entero, no es una cadena, por lo que puede utilizar la concatenación de resolver su problema.

Answer 2

Prueba esto:

"table tr td:nth-child("+iCol+")" 

Answer 3

Cambio en esto:

$(function() { 
    $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child(" + iCol + ")").each(function() { 
     $(this).toggleClass("colhighlight"); 
     }); 
    }); 
    }); 

Answer 4

probar esto:

$(function() { 
     $("table").delegate('th.selcol','click', function(e) { 
     var iCol = $(this).parent().children().index(this)+1; 
     $("table tr td:nth-child("+iCol+")").each(function() { 
      $(this).toggleClass("colhighlight"); 
     }); 
     }); 
    }); 

esperar que funcione :)