Phương thức before
Phương thức before thêm văn bản trước phần tử được chỉ định.
Ngoài ra còn có phương thức
insertBefore,
hoạt động theo cách tương tự.
Cú pháp
Chèn văn bản trước phần tử:
$(selector).before(văn bản);
Như vậy, trước các phần tử được chọn sẽ được thêm vào văn bản được trả về bởi hàm do người dùng cung cấp:
$(selector).before(function(số thứ tự trong tập hợp));
Một biến thể sử dụng hàm khác, tham số thứ hai được đặt là giá trị html cũ của phần tử:
$(selector).before(function(số thứ tự trong tập hợp, chuỗi html));
Văn bản cũng có thể không chỉ là văn bản thông thường mà còn là phần tử DOM hoặc đối tượng jQuery. Trong trường hợp này, các phần tử này sẽ được di chuyển từ vị trí của chúng trong mã HTML.
Ví dụ
Hãy chèn văn bản trước đoạn văn được chỉ định:
<p id="test">văn bản</p>
$('#test').before('!!!');
Mã HTML sẽ trông như thế này:
!!!<p id="test">văn bản</p>
Ví dụ
Hãy chèn văn bản có thẻ trước đoạn văn được chỉ định:
<p id="test">văn bản</p>
$('#test').before('<p>!!!</p>');
Mã HTML sẽ trông như thế này:
<p>!!!</p><p id="test">văn bản</p>
Ví dụ
Hãy đặt một đoạn văn bên trên đoạn văn khác (tức là cắt đoạn văn từ vị trí cũ và đặt vào vị trí mới):
<p id="p1">văn bản1</p>
<p id="p2">văn bản2</p>
$('#p2').before('#p1');
Mã HTML sẽ trông như thế này:
<p id="p2">văn bản2</p>
<p id="p1">văn bản1</p>
Xem thêm
-
phương thức
insertBefore,
thêm văn bản trước phần tử được chỉ định -
các phương thức
after,append,prepend,
cho phép thêm nội dung vào vị trí cụ thể trên trang -
phương thức
clone,
tạo bản sao của các phần tử được chọn
