làm cách nào để tôi chỉ chọn phần tử li thứ 3 (hoặc một số khác không thuộc chioce) của tôi với jquery? cho ví dụ: làm cách nào để thay đổi nền của li thứ ba chỉ với jquery. bất kỳ sự giúp đỡ xin vui lòngchỉ chọn li thứ ba
6
A
Trả lời
14
làm thế nào để chỉ chọn thứ 3 (
Sử dụng phương pháp eq
như thế này:
$('li').eq(2).css('background', 'yellow');
Hoặc bạn có thể sử dụng biến thể này của selector :eq
lọc:
$('li:eq(2)').css('background', 'yellow');
Việc lập chỉ mục bắt đầu từ 0
, bạn cần phải xác định 2
để thực sự chọn thứ ba li
Tuy nhiên, nếu bạn muốn chọn tất cả các yếu tố thứ ba, bạn cần phải sử dụng nth-child
như thế này:
$('li:nth-child(3n)')
Chỉ số cho nth-child
bắt đầu từ 1
.
7
Nếu bạn cần thứ ba li
trên tất cả các danh sách, sử dụng nth-child
:
$('li:nth-child(3)')
Các vấn đề liên quan
- 1. Python: Thứ Sáu thứ ba của tháng
- 2. Chỉ Chọn Thứ Sáu và Thứ Hai tới trong mysql
- 3. Cách nhanh nhất để tìm giá trị cao nhất/thứ hai thứ ba (thứ ba ...) trong vector hoặc cột
- 4. JavaScript và cookie của bên thứ ba
- 5. Nhận lời thứ hai và thứ ba từ chuỗi
- 6. HTML5 UL LI Draggable
- 7. Làm thế nào để chọn li từ ul chỉ có một lớp học trong jquery
- 8. Ghi đè bên thứ ba JS
- 9. Cân bằng cây tìm kiếm thứ ba
- 10. Đoạn Visual Studio của bên thứ ba
- 11. mysqli_poll() - tham số thứ ba là gì?
- 12. nếu chữ cái thứ ba bằng
- 13. Quartz.Net - Cứ 3 tuần một lần vào Thứ Hai, Thứ Ba, Thứ Tư
- 14. XPath nào chọn TRs lẻ từ một bảng, bắt đầu bằng bảng thứ ba?
- 15. Chọn tất cả li nhưng không phải trẻ em
- 16. CSS - chỉ chọn thẻ thứ trong bảng của một bảng
- 17. PrepareForSegue được gọi trước khi didSelectRowAtIndexPath chỉ khi thứ ba segue được thêm
- 18. C# chỉ số thứ ba của một ký tự trong một chuỗi
- 19. Ứng dụng Facebook (iframe) và cookie của bên thứ ba
- 20. Có thư viện nào để chuyển đổi số nguyên thành thứ nhất/thứ hai/thứ ba
- 21. Làm cách nào tôi có thể in chỉ mọi chỉ mục thứ ba trong Perl hoặc Python?
- 22. Cử chỉ chụm ba ngón tay
- 23. WCF - Xác thực ứng dụng của bên thứ ba
- 24. Trạng thái boolean thứ ba trong java là gì?
- 25. Chèn tr sau mỗi vòng lặp thứ ba
- 26. Bắt Pypy để nhận dạng mô-đun bên thứ ba
- 27. Cách thực hiện thụt lề trong thẻ html li li
- 28. COM thay thế cho thành phần của bên thứ ba
- 29. Jquery - chọn văn bản li ngay lập tức mà không chọn văn bản của trẻ em ul
- 30. Nhúng JavaScript trên trang của bên thứ ba
Ra khỏi tò mò, tôi bị lừa xung quanh một chút với bộ chọn. Khi nó quay ra, sử dụng 'slice' và action và toàn bộ tập hợp wrappet nhanh hơn bằng cách sử dụng' nth-child'. http://www.jsfiddle.net/qbDKN/13/ – jAndy
@jAndy: Đó là công việc thông minh :) – Sarfraz
@jAndy - Tôi nhận được kết quả ngược lại, với 'eq' gần như gấp đôi. Nhớ 'n-child' là một bộ chọn css, và được thực hiện một cách tự nhiên bởi một số trình duyệt. – Kobi