2010-08-03 44 views
34

Tôi có cấu trúc html như vậy.jquery nối thêm phần tử cuối cùng

<div id='container'> 
    <div class='item'> ... </div> 
    <div class='item'> ... </div> 
    <div class='item'> ... </div> 
    ... 
    <div id='item_final'><input type="button" id='addOne'>...</div> 
</div> 

và những gì tôi đang cố gắng làm điều đó thêm mục khác vào lớp chứa trước div item_final. Các mục này là động, do đó số lượng các mục này không rõ.

Trả lời

48
$('#container div:last').before($('<div>')); 
+0

Cá nhân tôi thích cách tiếp cận của bạn, nếu bạn luôn muốn tham khảo "cuối cùng" thay vì một thành phần "được cho là" cuối cùng, thì cách làm này là an toàn hơn. –

29

Thử phương thức .insertBefore.

$('<div>').insertBefore('#item_final'); 
+0

'.' nên '#' –

+0

@Felix: cảm ơn, sửa chữa. – David

+4

Đối với bất cứ ai xuống bầu chọn này: Câu trả lời là hoàn toàn chính xác. –

Các vấn đề liên quan