jQuery: Pass Variable: eq() nicht

Question

ich, warum nicht funktionieren die folgenden Codezeilen, um herauszufinden, haben versucht, funktioniert:

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

Wenn ich :eq(selected)- :eq(4) zum Beispiel ändern - funktioniert gut . Wie übergibt man die Variable als Argument an :eq()?

Answer 1

Sie haben Ihre Variable mit Ihrem Wähler verketten:

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

Answer 2

Die Art und Weise Sie es tun, werden Sie die tatsächliche Zeichenfolge "selected" in der Auswahl einbetten. Sie benötigen einen String mit Ihrem selected Variable als Teil davon zu konstruieren:

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

Answer 3

Auch können Sie einfach das ‚this‘ Objekt den seleted Wert zu erhalten.

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

Answer 4

Ja, wir können Variable an eq() function übergeben. Aber Sie müssen Firebug deaktivieren. Sonst wird es nicht funktionieren.

Bitte überprüfen Sie dieses Beispiel.

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