Wycinanie elementu i wstawianie go w inne miejsce Opcje

[duszek]

Witam,

Mam pytanie, czy ktoś może mi wskazać podpowiedzi jak ugryźć taką sprawę:

Chcę przy pomocy jQuery wyciąć elementy img z konkretnej sekcji i wstawić je w odpowiednie miejsca w liście. Miejsce w liście byłoby podyktowane np. danymi zawartymi w niestandardowych atrybutach.

[HTML] pobierz, plaintext 
<div class="pobieramy grafiki">
<img data-miejsce="2" data-link="/strona-01" src="/img-01.jpg">
<img data-miejsce="4" data-link="/strona-04" src="/img-04.jpg">
</div>
 
<div>
<ul>
<li>element 1</li>
<li>element 2</li>
-- tutaj wstawiam element pierwszy --
<li>element 3</li>
<li>element 4</li>
-- tutaj wstawiam element drugi --
<li>element 5</li>
<li>element 6</li>
</ul>
</div>
 
[HTML] pobierz, plaintext 

Nie wiem jak to tak naprawdę ugryźć, czy numerować elementy i potem na nich pracować czy jak...

[trueblue]

Sam sobie odpowiedziałeś. Najpierw wyszukujesz elementy listy o pozycjach z atrybutu, zapamiętujesz je, a potem wstawiasz odpowiednie obrazki w to miejsce za pomocą insertAfter.

P.S. <img> nie może być dzieckiem <ul>, chyba, że owiniesz je w <li>.

Ten post edytował trueblue 7.01.2019, 09:51:05