Phương thức slice trong jQuery
Với sự trợ giúp của phương thức
slice
chúng ta có thể thao tác với một phần các phần tử trong tập hợp,
ví dụ, từ phần tử thứ hai đến phần tử thứ năm.
Hãy phân tích cách hoạt động của phương thức qua ví dụ sau - giả sử chúng ta có mã HTML sau:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>
Bây giờ hãy thêm văn bản '!' vào cuối
các đoạn văn từ thứ 2 đến thứ 4
(bao gồm cả hai) (đánh số từ 0, đoạn văn thứ hai sẽ có
số thứ tự là một):
$('p').slice(1, 5).append('!');
Mã HTML sẽ trông như thế này:
<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>
Lưu ý rằng slice(1, 5)
bao gồm tham số đầu tiên và loại trừ tham số thứ hai,
tức là (1, 5) chọn các phần tử có số thứ tự 1,
2, 3, 4, và không lấy các phần tử
số 0 và 5.
Tìm các phần tử li từ thứ 3 đến thứ 10
trong tập hợp và tô màu chúng thành màu đỏ.