jak dodać element zawsze jako ostatni element za pomocą jquery?

Question

Chcę, aby określony element div został dodany jako ostatni element na liście, niezależnie od tego. Czy istnieje sposób, w jaki mogę to wyraźnie określić?

Answer 1

Uzyskaj element nadrzędny listy i dodaj nowy element do tego rodzica jako ostatnie dziecko.

Korzystanie zwykły javascript:

parent.appendChild(newElement); 

Mozilla dokumentacja: https://developer.mozilla.org/En/DOM/Node.appendChild

Jeśli chcesz dodać inne przedmioty i jeszcze ta pozycja będzie ostatni element, a następnie trzeba będzie dodać nowe elementy przed ten ostatni element lub usuń ten element, dodaj nowy element, a następnie dodaj go ponownie na końcu.

Gdy masz już ostatni element na liście, jeśli potem chcesz dodać nowy element tuż przed tym ostatnim elemencie, można zrobić to tak:

parent.insertBefore(newElement, parent.lastChild); 

Answer 2

$('#list').append('<div></div>') dołączy go do bardzo konieC#list

Jeśli chcesz dołączyć go do ostatniego div, tylko w przypadku, istnieją inne elementy po tym, można użyć $('#list div:last').after('<div></div>')

Answer 3

Jeśli chcesz absolutnie upewnić to, miejsce puste conta iner z identyfikatorem i zastąpić zawartość w środku, jeśli chcesz się data, więc jeśli masz duży pojemnik, a następnie sub-kontenerów znajdujących się wewnątrz, ostatnie dziecko powinno być tak

HTML

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

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

teraz jeśli trzeba zaktualizować,

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 

Teraz, jeśli chcesz zachować stare materiały z ostatniego dziecka div i wstawić nowy poniżej, które można zrobić po

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

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

Albo, jeśli chcesz zachować starą zawartość w div ostatnie dziecko, ale mają nowe treści wyświetlane na top lub przed starym, można po prostu zamienić kolejność var ​​newcontent jak tak

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

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

Answer 4

Kiedy mówimy o liście, ja zakładam, że odnosimy się do listy un-zamówiliśmy.

Trzeba będzie więc coś tego typu:

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