Keskustelu: Nettisivujen teko: jQuery append ongelma

<form id="jokuForm">
	<div>
		<div id="jokuID1"></div>
		<div id="jokuID2"></div>
		<div id="jokuID3"></div>
	</div>
</form>

$('#jokuForm').append("<div id="jokuID4"></div>");

Eli onnistunko jotenkin saamaan jQueryllä "jokuID4" tuonne noiden kolmen jatkoksi?
Ongelma tässä on tuo id:tön div, jonka Drupal generoi automaattisesti formia luodessa, jolloin em. queryllä uusi div menee väärään paikkaan.

Sinun tulee siirtyä puussa solmun verran syvemmälle, ennen uuden solmun lisäystä. Jqueryn documentaatiosta löytynee apu puussa liikkumiseen.

Manuskasta kohta Selectors, valitse suoraan jokuFormin lapsidiv. Lisäksi tuossa rikotaan merkkijono ennenaikaisesti kun yritetään käyttää lainausmerkkiä sekä merkkijonon että attribuutin rajoittimena. Vaihda toinen pari heittomerkkeihin. Käytä toki editoria, joka osaa syntaksivärityksellään tämän sinulle kertoa.

lainaus:

Lisäksi tuossa rikotaan merkkijono ennenaikaisesti kun yritetään käyttää lainausmerkkiä sekä merkkijonon että attribuutin rajoittimena. Vaihda toinen pari heittomerkkeihin. Käytä toki editoria, joka osaa syntaksivärityksellään tämän sinulle kertoa.

Heh, juu.
Tämä oli vaan tämmönen pikapseudo koodaus, jonka naputtelin suoraan tähän putkaan sen kummemmin syntaksista piittaamatta. :)