Làm thế nào tôi có thể thêm một yếu tố sau một yếu tố khác?

Tôi có một hộp văn bản nhất định và tôi muốn thêm một div sau nó. Tôi đã thử .append()chức năng này, nhưng điều đó chỉ thêm div trong phần tử.

Ví dụ: tôi có:

<input type="text" id="bla" />

và tôi muốn thay đổi điều đó thành:

<input type="text" id="bla" /><div id="space"></div>

thử sử dụng after()phương pháp:

$('#bla').after('<div id="space"></div>');

Tài liệu

thử

.insertAfter()

đây

$(content).insertAfter('#bla');

Trước hết, inputphần tử không nên có thẻ đóng (từ http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT : Thẻ kết thúc: bị cấm).

Điều thứ hai, bạn cần after(), không phải append()chức năng.

Đã giải quyết jQuery: Thêm phần tử sau phần tử khác

<script>
$( "p" ).append( "<strong>Hello</strong>" );
</script>

HOẶC LÀ

<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery ( ".sidebar_cart" ) .append( "<a href='http://#'>Continue Shopping</a>" );
});
</script>