Phương thức prevAll

Phương thức prevAll trả về tất cả các phần tử nằm phía trước phần tử đã cho bên trong cùng một phần tử cha.

Cú pháp

Lấy tất cả các phần tử lân cận phía trên:

$(selector).prevAll();

Cũng có thể lọc các phần tử lân cận theo bộ chọn đã chỉ định:

$(phần tử).prevAll(bộ chọn);

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ó bằng phương thức html:

<p>bên ngoài</p>
<div>
	<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>
</div>
<p>bên ngoài</p>

$('#test').prevAll().html('!');

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

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

phương thức nextAll,
trả về các phần tử nằm sau phần tử đã cho bên trong cùng một phần tử cha
phương thức prev,
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 prevUntil,
trả về các phần tử nằm phía trước phần tử đã cho
phương thức siblings,
cho phép lấy 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