Mam kod, który wygląda następująco:
<div id="header">
<ul class="tabs">
<li><a href="/user/view"><span class="tab">Profile</span></a></li>
<li><a href="/user/edit"><span class="tab">Edit</span></a></li>
</ul>
</div>
Chciałbym użyć jQuery, aby dodać następujące elementy do listy:
<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>
Próbowałem tego:
$("#content ul li:last").append("<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>");
Ale to dodaje nowy li
wewnątrz ostatniego li
(tuż przed tagiem zamykającym), a nie po nim. Jak najlepiej to dodać li
?
jquery
jquery-append
Eileen
źródło
źródło
Możesz to zrobić również w bardziej „obiektowy sposób” i nadal łatwy do odczytania:
Nie musisz wtedy walczyć z cytatami, ale musisz śledzić nawiasy klamrowe :)
źródło
Co powiesz na użycie „po” zamiast „append”?
„.after ()” może wstawiać treść określoną przez parametr po każdym elemencie w zestawie dopasowanych elementów.
źródło
before
lubafter
.Jeśli dodajesz po prostu tekst
li
, możesz użyć:źródło
jQuery zawiera następujące opcje, które mogą zaspokoić Twoje potrzeby w tym przypadku:
append
służy do dodawania elementu na końcu elementu nadrzędnegodiv
określonego w selektorze:prepend
służy do dodawania elementu u góry / początku elementu nadrzędnegodiv
określonego w selektorze:insertAfter
pozwala wstawić wybrany element następnie za określonym elementem. Utworzony element zostanie następnie umieszczony w DOM po określonym znaczniku zamykającym selektor:insertBefore
zrobi coś przeciwnego do powyższego:źródło
Powinieneś dołączyć do kontenera, a nie ostatni element:
Funkcja append () powinna być prawdopodobnie nazwana add () w jQuery, ponieważ czasami myli ludzi. Można by pomyśleć, że dodaje coś po danym elemencie, podczas gdy w rzeczywistości dodaje to do elementu.
źródło
Zamiast
próbować
źródło
źródło
Oto kilka opinii dotyczących czytelności kodu (bezwstydna wtyczka do bloga). http://coderob.wordpress.com/2012/02/02/code-readability
Rozważ oddzielenie deklaracji nowych elementów od czynności dodania ich do UL. Wyglądałoby to mniej więcej tak:
Miłego kodowania :)
źródło
To najkrótszy sposób, w jaki możesz to zrobić
Gdzie bloki w tablicy. i musisz zapętlić tablicę.
źródło
To jest kolejny
źródło
łatwy
źródło