Diskusia – 2. diel - Vkladanie obsahu v jQuery (DOM)

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Posledné komentáre sú na spodnej časti poslednej stránky.

Jurajs

Člen

Jurajs:2.11.2016 22:54

Ten kod musí být otočený, nikde jsem ještě neviděl to, jak to máš napsané ty....

$('#vkladani' .four').appendTo("Ahoj, já jsem APPENDTO");

Odpovedať

Jan Zamecnik

Člen

Jan Zamecnik:3.11.2016 20:36

Syntaxe je správná, viz appendTo Ale nejede mi to bez tagů.

Odpovedať

Jurajs

Člen

Jurajs:3.11.2016 23:11

Zkoušel jsem to a vysledek je:

<div id="text" style="position:absolute;">Text ktery se animuje</div>
<div id="myId"></div>

//JQUERY

            $(function(){
             $("#myId").append("Ahoj ja jsem Append").insertBefore("#text");
            });

Dal jsem to bez toho appendTo, dal jsem tam jen append.... a vysledek je:

Ahoj ja jsem Append
Text ktery se animuje

Tak nevim jestli to to nějak pomuze

Odpovedať

radian1

Tvůrce

radian1:16.4.2017 17:17

Ahoj, proč mi nejde připojit 3. ke druhému? Co je na tom špatně?

$(function(){
   var zdroj = $('#vkladani .one');
   $('#vkladani .two').html( zdroj.html() );
   $('#vkladani .three').text( zdroj.text() );
   $('#vkladani .four').text( zdroj.html() );
   $('#vkladani .three').append("<b>Ahoj, já jsem APPEND</b>");
   $("<i>Ahoj, já jsem appendTo</i>").appendTo('#vkladani .three');
   $( $('#vkladani .two').html() ).appendTo( $('#vkladani .three') );

// následující kód nefunguje
   $( $('#vkladani .three').html() ).appendTo( $('#vkladani .two') );
});

Editované

Odpovedať

Jurajs

Člen

Jurajs:18.4.2017 16:00

Ahoj, zkus se kouknout na tohle a uvidis kde mas chybu https://codepen.io/anon/pen/MmaVyp
Na posledním radku to mas spatne

//prekontroluj si to radek po radku

var zdroj = $('#vkladani .one');
$('#vkladani .two').html( zdroj.html() );
$('#vkladani .three').text( zdroj.text() );
$('#vkladani .four').text( zdroj.html() );

$('#vkladani .three').append("<b>Ahoj, já jsem APPEND</b>");
$("<i>Ahoj, já jsem APPENDTO</i>").appendTo('#vkladani .three');
$('#vkladani .two').appendTo( $('#vkladani .three') );
$( $('#vkladani .two').html() ).appendTo( $('#vkladani .three') ); // tady je chyba :)

Odpovedať

Libor Sitek

Člen

Libor Sitek:12.5.2017 21:32

Ahoj, nevím proč, ale nefungoval mi tenhle řádek:

$('#pres_before').unwrap('<article></article>');

Prohlížeč mi ho zkousl až po menší úpravě:

$('#pres_before').unwrap($('<article></article>'));

Pak ještě moc nerozumím tomuto zápisu:
A.after(B) - vloží A po B
A.insertAfter(B) - vloží B po A

Podle příkladu se při použití after element B vloží za element A, a při použití insertAfter se element A vloží za element B, takže to spíše chápu takto:
A.after(B) - vloží B za A
A.insertAfter(B) - vloží A za B

Odpovedať

Když se chce, hledá se jak, když se nechce, hledá se proč

arnost99

Člen

arnost99:20.10.2017 1:40

Ahoj, proč funguje tento zápis:

$("<i>Ahoj, já jsem APPENDTO</i>").appendTo('#vkladani .three');

A nefunguje tento:

$("Ahoj, já jsem APPENDTO").appendTo('#vkladani .three');

Nedává mi to logiku? Nebo je pravidlo, že text musí být vždy obalen "nějakým" tagem?
Díky za vysvětlení

Odpovedať

Honza Bittner

Tvůrce

Honza Bittner:20.10.2017 8:58

Myslím, že to prostě pracuje jen s elementy, resp. s HTML stringem. Což samotný text není. Viz dokumentace http://api.jquery.com/appendto/

Odpovedať

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

David Koníček

Člen

David Koníček:19.12.2017 12:41

Není tohle přesně naopak?
A.after(B) - vloží A po B
A.insertAfter(B) - vloží B po A

Nebo jsem tak natvrdlej?

Odpovedať

Věř, běž a dokážeš!

Honza Bittner

Tvůrce

Honza Bittner:19.12.2017 12:56

Hmm,

$(target).after(contentToBeInserted)
$(contentToBeInserted).insertAfter(target)

Opravdu by to spíše mělo být popsáno v této části opačně. V popisku už to sedí snad správně, ale tento úvod vypadá, že je opačně, opravdu. Díky, napravím.

Odpovedať

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Posledné komentáre sú na spodnej časti poslednej stránky.

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 29.

Najčastejšie vyhľadávané

Diskusia – 2. diel - Vkladanie obsahu v jQuery (DOM)