Phương thức nextUntil

Phương thức nextUntil trả về các phần tử nằm sau 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 làm tham số của phương thức. Nếu không truyền tham số vào phương thức, nó sẽ hoạt động như phương thức nextAll.

Cú pháp

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

.nextUntil([selector], [filter]);

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áng giềng phía dưới 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ư thế này:

<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>!</p>
	<p>!</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 prevUntil,
phương thức này trả về các phần tử nằm trước phần tử được chỉ định
phương thức next,
phương thức này cho phép lấy phần tử láng giềng ngay phía dưới
phương thức nextAll,
phương thức này trả về tất cả các phần tử nằm sau 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áng giềng bên trong cùng một phần tử cha