Phương thức prevUntil

Phương thức prevUntil trả về các phần tử nằm trước phần tử được chỉ định bên trong cùng một phần tử cha. Phương thức trả về các phần tử từ phần tử được chỉ định cho đến phần tử đầu tiên phù hợp với bộ chọn được chỉ định tham số của phương thức. Nếu không truyền tham số cho phương thức, nó sẽ hoạt động như phương thức prevAll.

Cú pháp

Tham số đầu tiên có thể truyền biểu thức dưới dạng chuỗi, để lọc, một nút DOM hoặc một đối tượng jQuery. Tham số thứ hai có thể truyền điều kiện bổ sung lọc dưới dạng chuỗi. Cả hai tham số đều không bắt buộc:

.prevUntil([bộ chọn], [bộ lọc]);

Ví dụ

Hãy tìm phần tử #test và đặt văn bản '!' cho tất cả các phần tử lân cận phía trên của nó cho đến đoạn văn có lớp www bằng phương thức html:

<p>bên ngoài</p>
<div>
	<p>bên trong</p>
	<p class="www">bên trong</p>
	<p>bên trong</p>
	<p>bên trong</p>
	<p id="test">bên trong</p>
	<p>bên trong</p>
	<p>bên trong</p>
	<p class="www">bên trong</p>
	<p>bên trong</p>
</div>
<p>bên ngoài</p>

$('#test').prevUntil('p.www').html('!');

Mã HTML sẽ trở thành như sau:

<p>bên ngoài</p>
<div>
	<p>bên trong</p>
	<p class="www">bên trong</p>
	<p>!</p>
	<p>!</p>
	<p id="test">bên trong</p>
	<p>bên trong</p>
	<p>bên trong</p>
	<p class="www">bên trong</p>
	<p>bên trong</p>
</div>
<p>bên ngoài</p>

Xem thêm

phương thức nextUntil,
phương thức này trả về các phần tử nằm sau phần tử được chỉ định
phương thức prev,
phương thức này cho phép lấy phần tử lân cận phía trên của phần tử
phương thức prevAll,
phương thức này trả về tất cả các phần tử nằm trước phần tử được chỉ định bên trong cùng một phần tử cha
phương thức siblings,
phương thức này cho phép lấy tất cả các phần tử lân cận của phần tử bên trong cùng một phần tử cha