Hiệu ứng làm nổi bật jQuery trên hàng bảng được tạo kiểu với Bootstrap

Question

Sử dụng Bootstrap 2.0 Tôi đã tạo kiểu bảng bằng cách sử dụng .table-striped. Tôi đang cập nhật hàng dữ liệu qua ajax và khi cập nhật hoàn tất, tôi muốn làm nổi bật hàng, hoạt động trên các hàng không có màu nền. Vì vậy, về cơ bản, các hàng thậm chí làm nổi bật, các hàng lẻ thì không. Tôi không chắc tại sao lại thế.

Tôi có thể quá mệt mỏi ngay bây giờ nhưng một số lời khuyên sẽ được đánh giá cao.

Tôi đang sử dụng đoạn mã sau để kích hoạt điểm nổi bật:

$("#row_" + id).effect("highlight", {}, 1500); 

Answer 1

Chạy hiệu ứng không trên hàng, nhưng trên các tế bào trong hàng. Tất cả các hàng đều nổi bật, cả chẵn và lẻ. Màu nền thay đổi của các hàng lẻ chỉ bị ẩn vì màu của ô bảng trên đầu.

Answer 2

Chỉ cần để thêm vào câu trả lời Pickle rằng mỗi tế bào trong hàng là trên màu liên tiếp, thấy đoạn mã dưới đây để làm nổi bật mỗi tế bào thay vì:

$("#row_" + id +" td").effect("highlight", {}, 1500);

(điều này giả định rằng không có tế bào là loại "th "trên hàng, nhưng có thể dễ dàng được thêm vào nếu cần)