Bộ chọn trước đó trong jQuery
Đôi khi khi xây dựng chuỗi jQuery, có nhu cầu quay lại bộ chọn trước đó.
Điều này được thực hiện bằng phương thức
end.
Ví dụ sau đây trình bày mã HTML:
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
<p>text</p>
Nhiệm vụ của chúng ta là đầu tiên tìm tất cả các đoạn văn,
sau đó chọn trong số các đoạn văn tìm thấy những đoạn có
class www bằng phương thức
filter
và, bằng phương thức
append,
thêm văn bản '!' vào cuối chúng.
Sau đó chúng ta quay lại bộ chọn trước đó (đó là
bộ chọn $('p')) bằng end và
thêm văn bản '?' vào cuối chúng.
Kết quả là các đoạn văn với class www
sẽ có văn bản '!?', còn các đoạn văn thông thường
- văn bản '?':
$('p').filter('.www').append('!').end().append('?');
Hãy tìm tất cả h2 có class www,
đặt màu đỏ cho chúng, sau đó trong số các phần tử đã tìm thấy,
hãy tìm các phần tử có class test và
đặt cỡ chữ cho chúng là 30px.
