Phương thức parentsUntil
Phương thức parentsUntil lấy
tất cả các phần tử cha của một phần tử - không chỉ cha trực tiếp,
mà còn ông nội, cụ nội và tiếp tục như vậy
cho đến phần tử gốc (tức là thẻ
html).
Tuy nhiên, việc tìm kiếm phần tử cha sẽ dừng lại khi
đạt đến phần tử cha phù hợp với bộ chọn
được chỉ định bởi tham số của phương thức này.
Cú pháp
Tìm kiếm phần tử cha cho đến khi gặp phần tử cha phù hợp với bộ chọn, bộ chọn có thể là một DOM node, biểu thức hoặc đối tượng jQuery, cũng có thể sử dụng tham số thứ hai để lọc thêm. Cả hai tham số đều là tùy chọn:
.parentsUntil([bộ chọn], [bộ lọc]);
Có thể không chỉ định bộ chọn, trong trường hợp này
phương thức sẽ hoạt động tương tự như phương thức
parents:
.parentsUntil();
Ví dụ
Hãy tìm phần tử #test sau đó
tìm tất cả các phần tử cha của nó cho đến phần tử có lớp
zzz bằng parentsUntil và
thêm văn bản '!' vào đầu chúng bằng
prepend:
<div>
<div class="zzz">
<div class="www">
<div class="www">
<p id="test">text</p>
</div>
</div>
</div>
</div>
$('#test').parentsUntil('.zzz').prepend('!');
Mã HTML sẽ trở thành như sau:
<div>
<div class="zzz">
<div class="www">
!
<div class="www">
!<p id="test">text</p>
</div>
</div>
</div>
</div>
