jQuery: Vượt qua biến: eq() không hoạt động

Question

Tôi đã cố gắng để tìm hiểu tại sao các dòng mã sau đây không làm việc:

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

Nếu tôi thay đổi :eq(selected)-:eq(4) ví dụ - hoạt động tốt . Làm thế nào để bạn chuyển biến làm đối số cho :eq()?

Answer 1

Bạn cần phải nối biến của bạn với chọn của bạn:

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

Answer 2

Cách bạn đang làm việc đó, bạn đang nhúng chuỗi thực tế "selected" trong bộ chọn. Bạn cần phải xây dựng một chuỗi sử dụng biến selected của bạn như là một phần của nó:

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

Answer 3

Ngoài ra, bạn chỉ có thể sử dụng đối tượng 'này' để lấy giá trị seleted.

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

Answer 4

Có, chúng tôi có thể chuyển biến thành eq() function. Nhưng bạn cần vô hiệu hóa Firebug. Nếu không nó sẽ không hoạt động.

Vui lòng kiểm tra ví dụ này.

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