Ví dụ giả sử tôi cóTrong jQuery, làm thế nào tôi có thể thêm một cái gì đó như một anh chị em?
<div class="sibling1"></div>
<div class="sibling3"></div>
Làm thế nào tôi có thể chèn
<div class="sibling2"></div>
Giữa trên? Tôi đã thử thêm vào trước nhưng điều này làm cho một đứa trẻ không phải là một anh chị em
Trong jQuery, có một số tùy chọn khác nhau để chèn nội dung vào một vị trí cụ thể. Tất cả được mô tả khá tốt trong số jQuery documentation page for DOM insertion outside an object.
Để chèn nội dung bên ngoài một yếu tố hiện có (ví dụ như không phải là một đứa trẻ), nhưng vị trí tương đối với đối tượng đó, bạn có bốn tùy chọn thể hiện trong jQuery doc chụp màn hình này:
Sự khác biệt giữa hai người đầu tiên và hai cái cuối cùng là duy nhất trong đó các đối số là cái nào. Đối với hai đầu tiên, vị trí chèn vào là trong đối tượng jQuery và nội dung nằm trong đối số hàm. Đối với hai cuối cùng, nội dung được chèn vào trong đối tượng jQuery và đích đến trong đối số hàm. Bởi vì chuỗi các cuộc gọi chức năng nhiều, đôi khi một hoặc khác là thuận tiện hơn.
Như bạn có thể thấy, điều này cho phép bạn chèn nội dung trước hoặc sau một đối tượng hiện có (mà sẽ làm cho nó trở thành anh chị em của đối tượng đó).
Nếu bạn muốn nó là một đứa trẻ của đối tượng đó, sau đó bạn có thể sử dụng bất kỳ six jQuery methods có thể thiết lập/thay đổi nội dung nội bộ bao gồm .append(), .appendTo(), .html(), vv ...
http://api.jquery.com/insertBefore/:
$('<div class="sibling2"></div>').insertBefore($('.sibling3'));
Sử dụng after, như vậy:
$('.sibling1').after('<div class="sibling2"></div>');
Bạn cũng có thể sử dụng ID thay vì các lớp học, mà cảm thấy hơn chính xác với tôi, như vậy:
<div id="sibling1" class="sibling"></div>
<div id="sibling3" class="sibling"></div>
Và sau đó sử dụng:
$('#sibling1').after('<div id="sibling2" class="sibling"></div>');