Temat: Dodawanie i otaczanie treści

Mam jakąś pomroczność jasną, albo co. Mając dany element, w moim przypadku <img> chcę do niego dodać <div>-a i całość opakować w jeszcze jednego <div>-a. Czyli wychodząc od:

<img src="plik.jpg" style="float:left">

chcę dojść mniej więcej do:

<div id="outer">

<img src="plik.jpg" style="float:left">

<div id="inner">Treść w inner</div>

</div>

Kombinuję z

$('img').after('<div id="inner">Treść w inner</div>').wrap('<div id="outer" />')

Ale najpierw robi wrap, a potem after. Przez co mam

<div id="outer">

<img src="plik.jpg" style="float:left">

</div>

<div id="inner">Treść w inner</div>

Co robię nie tak? Używane jQuery 1.3.2 / 1.4 (upgrade wkrótce, ale wymaga analizy zmian większej części kodu)

Temat: Dodawanie i otaczanie treści

Tomasz Gryzio:
$('img').wrap('<div id="outer" />');
$('img').after('<div id="inner">Treść w inner</div>');

Działa. Fakt, wystarczy zamienić kolejność i jest jak trzeba.Bartosz Ratajczyk edytował(a) ten post dnia 01.11.11 o godzinie 08:24