Phương thức closest

Phương thức closest tìm phần tử cha gần nhất thỏa mãn selector được chỉ định bởi tham số của phương thức. Phương thức này tương tự phương thức parent. Tìm kiếm được thực hiện như sau: đầu tiên kiểm tra phần tử cha trực tiếp của phần tử, sau đó đến ông, cụ và tiếp tục cho đến phần tử gốc (tức là đến thẻ html).

Cú pháp

Selector có thể là một phần tử DOM, một biểu thức hoặc đối tượng jQuery. Tìm kiếm bắt đầu từ phần tử DOM được truyền vào làm tham số:

.closest(selector);

Tham số thứ hai cũng có thể truyền vào một phần tử DOM, khi đó việc tìm kiếm sẽ được thực hiện trong phần tử này:

.closest(selector, context);

Ví dụ

Hãy tìm cho phần tử có #test phần tử cha gần nhất có lớp www và chèn vào đầu phần tử đó một đoạn văn có văn bản '!', còn vào cuối - một đoạn văn có văn bản '?':

<div>
	<div class="www">
		<div>
			<p id="test">text</p>
		</div>
	</div>
</div>

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

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

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">text</p>
		</div>
		<p>?</p>
	</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 parents,
cho phép lấy tất cả các phần tử cha 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 phần tử cha được chỉ định
Phương thức JavaScript closest,
cho phép lấy phần tử cha gần nhất