Phương thức parent

Phương thức parent lấy phần tử cha trực tiếp của phần tử.

Cú pháp

Lấy phần tử cha trực tiếp cho các phần tử:

.parent();

Cũng có thể chọn phần tử cha trực tiếp, chỉ khi nó thỏa mãn bộ chọn đã chỉ định:

.parent(selector);

Ví dụ

Hãy tìm phần tử #test sau đó tìm phần tử cha của nó bằng parent và đặt văn bản '!' cho nó bằng 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').parent().html('!');

Mã HTML sẽ trông như thế này:

<p>bên ngoài</p>
<div>
	!
</div>
<p>bên ngoài</p>

Ví dụ

Hãy tìm phần tử #test sau đó tìm phần tử cha của nó bằng parent và, nếu phần tử cha này là div với lớp www, thì đặt văn bản '!' cho nó bằng html:

<p>bên ngoài</p>
<div class="www">
	<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').parent('div.www').html('!');

Mã HTML sẽ trông như thế này:

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

Xem thêm

phương thức parents,
cho phép lấy tất cả các phần tử cha của phần tử
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 parentsUntil,
cho phép lấy tất cả các phần tử cha của phần tử cho đến phần tử cha được chỉ định
phương thức children,
cho phép lấy các phần tử con của phần tử
phương thức contents,
cho phép lấy các phần tử con của phần tử và văn bản bên trong phần tử đó