cách thêm phần tử luôn là phần tử cuối cùng bằng cách sử dụng jquery?

Question

Tôi muốn một div nhất định được thêm làm phần tử cuối cùng trong danh sách bất kể là gì. Có cách nào để tôi có thể xác định rõ ràng điều này không?

Answer 1

Lấy cha mẹ của danh sách và thêm mục mới vào cha mẹ đó làm đứa con cuối cùng.

Sử dụng javascript đơn giản:

parent.appendChild(newElement); 

Mozilla tài liệu: https://developer.mozilla.org/En/DOM/Node.appendChild

Nếu bạn muốn thêm các mặt hàng khác và vẫn có mặt hàng này là mục cuối cùng, sau đó bạn sẽ có thêm các mặt hàng mới trước mục cuối cùng này hoặc xóa mục này, thêm mục mới của bạn rồi thêm lại mục này vào cuối.

Khi bạn đã có phần tử cuối cùng trong danh sách, nếu sau đó bạn muốn thêm một yếu tố mới ngay trước đó yếu tố cuối cùng, bạn có thể làm điều đó như thế này:

parent.insertBefore(newElement, parent.lastChild); 

Answer 2

$('#list').append('<div></div>') sẽ nối nó vào rất kết thúC#list

Nếu bạn muốn thêm nó vào div rất ngoái, chỉ trong trường hợp có những yếu tố khác sau đó, sau đó bạn có thể sử dụng $('#list div:last').after('<div></div>')

Answer 3

Nếu bạn muốn hoàn toàn chắc chắn về rằng, đặt conta rỗng iner với một ID và thay thế nội dung bên trong nếu bạn cần phải lên ngày nó, vì vậy nếu bạn có một container lớn và sau đó phụ container bên trong, con cuối cùng nên như vậy

HTML

<div id="parent"> 
    <div id="child1"></div> 
    <div id="child2"></div> 
    <div id="child3"></div> 

    <div id="LastChild"></div> 
</div> 

bây giờ nếu bạn cần cập nhật,

jQuery

var newcontent = '<p id="newcontent">I am the new content</p>'; 
//Build your content as html or plain text 

$('#LastChild').html(newcontent); //Replace old content in last child div with new 

Bây giờ, nếu bạn muốn giữ lại các nội dung cũ từ cuối div con và chèn mới dưới đây mà bạn có thể làm sau

var newcontent = $('#LastChild').html(); 
var newcontent += '<p id="newcontent">I am the new content</p>'; 

$('#LastChild').html(newcontent); 

Hoặc, nếu bạn muốn giữ lại nội dung cũ trong div con cuối cùng nhưng có nội dung mới được hiển thị trên đầu hoặc trước khi cũ, bạn chỉ có thể hoán đổi thứ tự của var newcontent như vậy

var newcontent = '<p id="newcontent">I am the new content</p>'; 
var newcontent += $('#LastChild').html(); 

$('#LastChild').html(newcontent); 

Answer 4

Khi bạn đang nói về danh sách, tôi sẽ cho rằng bạn đang đề cập đến danh sách bỏ ra lệnh.

Bạn sẽ cần phải để một cái gì đó thuộc loại này:

$('ul').append('<li>Bottom list-item</li>');