Phương thức parent trong jQuery

Chúng ta đã từng tìm hiểu sơ qua về phương thức parent khi thảo luận về giả lớp parent. Tôi xin nhắc lại, phương thức parent và bộ chọn parent làm những việc khác nhau, cái đầu tiên tìm phần tử cha, còn cái thứ hai tìm tất cả các phần tử không rỗng (là phần tử cha).

Trong ví dụ tiếp theo, chúng ta sẽ 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ó. Giả sử chúng ta có mã HTML sau:

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>

Và bây giờ chúng ta viết phương thức parent trong mã Javascript:

javascript$('#test').parent().html('!');

Đừng quên rằng bạn có thể truyền một bộ chọn vào phương thức này để lọc thêm các phần tử cha.