jQuery thao tác tài liệu - phương pháp prepend()

Mẫu

Chèn nội dung vào đầu của phần tử p:

$(".btn1").click(function(){
  $("p").prepend("<b>Hello world!</b>");
});

Thử trực tiếp

Định nghĩa và cách sử dụng

Phương pháp prepend() chèn nội dung chỉ định vào đầu của phần tử được chọn (vẫn nằm trong nội bộ).

Lưu ý:prepend() và prependTo() Hành động của phương pháp giống nhau. Sự khác biệt ở cú pháp: vị trí của nội dung và bộ lọc, và prependTo() không thể sử dụng hàm để chèn nội dung.

Cú pháp

$().prepend(content)
Tham số Mô tả
content Bắt buộc. Định nghĩa nội dung cần chèn (có thể chứa thẻ HTML).

Sử dụng hàm để thêm nội dung

Sử dụng hàm để chèn nội dung chỉ định vào đầu của phần tử được chọn.

Cú pháp

$().prepend(function(index,html))

Thử trực tiếp

Tham số Mô tả
function(index,html)

Bắt buộc. Định nghĩa hàm trả về nội dung cần chèn.

  • index - tùy chọn. Chấp nhận vị trí index của bộ lọc.
  • html - tùy chọn. Chấp nhận HTML hiện tại của bộ lọc.