Jquery .append Hjälp

Hej, jag håller på att göra mitt första jQuery script. Men jag skulle behöva lite hjälp med hur man använder append() utan inner html. För att skapa en h1 gör man så här:

.append($('h2'));

Så långt är jag med, men om jag skulle vilja skapa följande tex:

<a href="" class="loremipsum"><img src="loremipsum.gif" /></a>

Hur skriver jag då det?

Jag har försökt leta guider eller exempel på hur jag gör men hittar inget. Så hjälp mig gärna om ni vet någon guid/exempel eller om ni själva vet.

MVH

boris12 skrev:

Hej, jag håller på att göra mitt första jQuery script. Men jag skulle behöva lite hjälp med hur man använder append() utan inner html. För att skapa en h1 gör man så här:

.append($('h2'));

Näe, stopp och belägg! $('h2') plockar ut alla h2-element som finns i dokumentet! Vad som händer när du försöker lägga till en hög existerande element vet jag inte säkert, men du skapar inga h2-element på det där viset.

$('#container').append('<a href="" class="loremipsum"><img src="loremipsum.gif" /></a>');

Detta förutsätter att du har ett element, t ex en div, med id="container".

Ja att klistra in ren html i koden är inte svårt. Det jag försöker lära mig är hur man skapar elementen med jQuery utan att klistra in html. Vilket behövs i xhtml tex för att scripten ska fungera.

$("<a>") skapar ett a-element

$("<a>").attr("href", "http://foobar.com").attr("class", "loremipsum").append($("<img>").attr("src", "loremipsum.jpg"));

skapar ett a-element med alla dina attribut satta, samt lägger till ett img-element innuti, med src-attributet satt

(otestat, men borde fungera)