jQuery: Pasar variables a: eq() no funciona

Question

He estado tratando de averiguar por qué las siguientes líneas de código no funcionan:

$('#add-cloud > select').change(function() { 
    var selected = parseInt($('#add-cloud select option:selected').val()); 
    $("#cloud-calculator table tr:eq(selected)").css("color", "red"); 
}); 

Si cambio :eq(selected) a :eq(4) por ejemplo - funciona bien . ¿Cómo se pasa variable como argumento al :eq()?

Answer 1

Tienes que concatenar la variable con su selector:

$("tr:eq("+selected+")"); 

Answer 2

La forma en que lo está haciendo, que está incrustando la cadena real "selected" en el selector. Es necesario construir una cadena utilizando la variable de selected como una parte de ella:

$("#cloud-calculator table tr:eq(" + selected + ")").css("color", "red"); 

Answer 3

Además, puede simplemente usar el 'este' objeto de obtener el valor seleted.

$('#add-cloud > select').change(function() 
{ 
    var rowSelector = '#cloud-calculator table tr:eq(' + parseInt(this.val()) + ')'; 
    $(rowSelector).css("color", "red"); 
} 

Answer 4

Sí podemos pasar la variable a eq() function. Pero necesita desactivar Firebug. De lo contrario, no funcionará.

Por favor, consulte este ejemplo.

var index = 3  
$('#sidebar_menu li:eq('+index+')').css({"color":"#050959"});