Drukowana wersja tematu

Napisany przez: duszek 7.01.2019, 09:42:42

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 
<http://december.com/html/4/element/div.html class="pobieramy grafiki">
<http://december.com/html/4/element/img.html data-miejsce="2" data-link="/strona-01" src="/img-01.jpg">
<http://december.com/html/4/element/img.html data-miejsce="4" data-link="/strona-04" src="/img-04.jpg">
</http://december.com/html/4/element/div.html>
 
<http://december.com/html/4/element/div.html>
<http://december.com/html/4/element/ul.html>
<http://december.com/html/4/element/li.html>element 1</http://december.com/html/4/element/li.html>
<http://december.com/html/4/element/li.html>element 2</http://december.com/html/4/element/li.html>
-- tutaj wstawiam element pierwszy --
<http://december.com/html/4/element/li.html>element 3</http://december.com/html/4/element/li.html>
<http://december.com/html/4/element/li.html>element 4</http://december.com/html/4/element/li.html>
-- tutaj wstawiam element drugi --
<http://december.com/html/4/element/li.html>element 5</http://december.com/html/4/element/li.html>
<http://december.com/html/4/element/li.html>element 6</http://december.com/html/4/element/li.html>
</http://december.com/html/4/element/ul.html>
</http://december.com/html/4/element/div.html>
 
[HTML] pobierz, plaintext 

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

Napisany przez: trueblue 7.01.2019, 09:49:18

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>.