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 đó. Tôi đã thử chức năng .append() nhưng chỉ thêm div vào phần tử.jQuery: Thêm phần tử sau phần tử khác
Ví dụ, tôi có:
và tôi muốn thay đổi điều đó thành:
<input type="text" id="bla" /><div id="space"></div>
Trước hết, input yếu tố không nên có một thẻ đóng (từ http://www.w3.org/TR/html401/interact/forms.html#edef-INPUT: End thẻ: bị cấm ).
Điều thứ hai, bạn cần có chức năng after(), không phải là append().
Đúng, nhưng đó là những gì xảy ra khi tôi thử .append) chức năng (. – skerit
Nếu đó là XHTML thì phần tử đầu vào phải được đóng (nhưng không phải bằng thẻ kết thúc). – CiscoIPPhone
Trong HTML4 ' 'không nên đóng. –
thử
.insertAfter()
đây
$(content).insertAfter('#bla');
Không nên mã của bạn giống như '$ ('
') .insertAfter ('# bla')' thay vì '$ ('# bla'). InsertAfter (content);'? – RowanGiải Quyết jQuery: Thêm yếu tố sau một yếu tố
<script>
$("p").append("<strong>Hello</strong>");
</script>
HOẶC
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery (".sidebar_cart") .append("<a href='http://#'>Continue Shopping</a>");
});
</script>
Các phương thức .after() và .insertAfter() thực hiện cùng một tác vụ. – Rifat
Đó là chính xác, nhưng nó phụ thuộc vào cách bạn thích mã nó. Tôi thường đã chọn đầu vào '#bla', sau đó thêm nội dung bổ sung sau đó. Hoàn toàn là sở thích của tôi mặc dù, tôi không chắc chắn liệu một trong hai phương pháp có một lợi ích tốc độ. – Rowan