Phương thức parents

Phương thức parents 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 bà, cụ kỵ và tiếp tục cho đến phần tử gốc (tức là thẻ html).

Cú pháp

Lấy tất cả các phần tử cha cho các phần tử:

.parents();

Cũng có thể chọn các phần tử cha, chỉ khi chúng thỏa mãn bộ chọn được chỉ định:

.parents(bộ chọn);

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ó bằng parents và, nếu đó là các phần tử cha div với lớp www, thì đặt văn bản '!' vào đầu chúng bằng prepend:

<div>
	<div class="www">
		<div class="www">
			<p id="test">văn bản</p>
		</div>
	</div>
</div>

$('#test').parents('div.www').prepend('!');

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

<div>
	<div class="www">
		!
		<div class="www">
			!<p id="test">văn bản</p>
		</div>
	</div>
</div>

Xem thêm

phương thức parent,
cho phép lấy phần tử cha trực tiếp của phần tử
phương thức parentsUntil,
cho phép lấy tất cả các phần tử cha của phần tử cho đến một phần tử cha được chỉ định
phương thức closest,
cho phép lấy phần tử cha gần nhất thỏa mãn bộ chọn
phương thức contents,
cho phép lấy các phần tử con và văn bản bên trong phần tử đó