IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: podmienka v javascripte ak ma div child <img> presun na dalsi div

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Peter Večera
Brigádník
Avatar
Peter Večera:27.4.2020 16:40

Ahoj potrebujem urobit podmienku :
ak ma div child <img> presun na dalsi div.
ziva ukazka kodu je na :
codepen.io

Zkusil jsem: viem vyplnit len jeden div postupne vsetkymi obr. ale nieviem sa prepnut na dalsi div.

Chci docílit: Chcem dosiahnut to ze ak kliknem na hociktory obr tak sa vlozi do prveho divu.
Tak ze prvy div obsahuje child <img> a nasledne sa budu obrazky vkladat do pruheho divu.
Ak sa zaplni druhy bude obsahovat child <img> atd az do vtedy kym sa zaplnia vsetky divy.

 
Odpovědět
27.4.2020 16:40
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:28.4.2020 7:04

Mohlo by to byt treba nejak takto.

function imageAdd(src)
{
var $, $$, bool, i, list;
$ = document.querySelector.bind(document);
$$ = document.querySelectorAll.bind(document);
list = $$('#moje_oblast_s_divy div');
for (i=0;i<list.length;i++)
  {
  bool = list[i].querySelectorAll('img').length>0
  if (bool) {continue;}
  }
if (i==list.length) {return;}
list[i].innerHTML = '<img src="'+src+'">';
}

Nebo, jeste tady pouzivaji foreach
https://stackoverflow.com/…yselectorall

$$('div').forEach(div => div.style.background = 'orange')

Ten popis neodpovida kodu na te strance ani nahodou. Jednak je to v jquery, na coz by bylo dobre upozornit. A druhak, neni tam nic, co by hledalo ten spravny div

Editováno 28.4.2020 7:06
 
Nahoru Odpovědět
28.4.2020 7:04
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.