Jquery - Add div element after a certain div.

Hôm trước khi làm template (share tại bài viết) tôi có sử dụng thuộc tính này - thêm một phần tử div vào sau một div xác định (nghĩa là có class hoặc id). Trên thực tế nhiều khi chúng ta không muốn thêm thủ công bằng tay cho nhiều div có chung class thì có lẽ cách này là thích hợp nhất.

Tôi lấy ví dụ DEMO với hình sau :

Div1 là div đã được xác định. Div2 là div được thêm vào sau bằng Jquery.


Ví dụ mã HTML sau :

<div class="sidebar-header">Archives</div>

Kết quả khi thêm Jquery muốn hiển thị có thêm div vào HTML như sau :

<div class="sidebar-header">Archives</div><div class="new-div"/>

Đoạn code màu đỏ được thêm vào bằng Jquery. Muốn thêm vậy ta dùng như sau :

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>$('.sidebar-header').after('<div class='stripe-line'/>');</script>

Rất đơn giản đúng không nào. Bạn có thể tham khảo thêm tại http://api.jquery.com/after/

Minh Anh - Chúc bạn thực hiện thành công các thao tác trong hướng dẫn này.