Làm thế nào để lựa chọn và ẩn tất cả nhưng 5 yếu tố đầu tiên trong một tập tin HTML (DOM)

Question

Tôi đang cố gắng sử dụng coffeescript/jQuery để làm như sau:

1) Lấy tất cả các 'chủ đề' được hiển thị trong html (xem bên dưới)

2) Ẩn tất cả các chủ đề khỏi hiển thị ngoại trừ 5 chủ đề đầu tiên được liệt kê.

Tôi cố gắng để làm như sau nhưng không được làm việc

//Retrieve the entire list of and hide all but the first 5 topics in the list 
$(".topics .topic")[5..-1].hide() 

Ai đó có thể tư vấn cho tôi về cách tôi có thể lấy lại một cách chính xác danh sách các chủ đề từ tài liệu HTML và sau đó ẩn TẤT CẢ nhưng 5 chủ đề đầu tiên?

Answer 1

$(".topics .topic").slice(5).hide(); 

http://api.jquery.com/slice/

Answer 2

Kiểm tra các jQuery gt() selector:

$(".topics .topic:gt(4)").hide(); 

Answer 3

Mã của bạn

$(".topics .topic")[5..-1].hide() 

nên làm việc, kể từ khi nó biên dịch để $(".topics .topic").slice(5).hide() và jQuery's slice thực hiện chính xác những gì bạn muốn. Vì vậy, tôi đoán rằng mã của bạn đang chạy trước khi DOM ở trạng thái đúng. Bạn đã thử

$(document).ready -> $(".topics .topic")[5..-1].hide() 

? Bạn nhận được gì khi bạn làm

alert $(".topics .topic").length 

tại cùng một điểm trong tập lệnh của bạn?

Nếu sự cố không xảy ra với lựa chọn, thì vấn đề phải là hide(), hoạt động bằng cách sửa đổi CSS nội tuyến của mục tiêu. Bạn có thể ghi đè CSS đó ở nơi khác trong mã của bạn. Sử dụng "Kiểm tra phần tử" để biết chi tiết.