NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
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í.
Avatar
pokusnicek
Člen
Avatar
pokusnicek:3.5.2017 8:32

Ahoj,

mohu se zeptat, co je na tomto kodu špatně, že nefungují dané funkce?

<!DOCTYPE html>
<html>
<head>
        <title>POKUS</title>
        <meta charset="utf-8">
        <!-- jQuery + UI -->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  <script type="text/javascript">
          $(document).ready(function(){
                $('p').click(function(){
                $('p').replaceWith("<span style='color:red'>Praha</span>");
          });
                $('.tlac').click(function(){
                        $("<span style='color:red'></span>").replaceAll('p');
                 });
      });
  </script>
 </head>
<body>
   <p>Brno</p>
   <button class="tlac">Vrat Brno zpět</button>
</body>
</html>
 
Odpovědět
3.5.2017 8:32
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:3.5.2017 8:41

Ten replaceWith normalne funguje, ale az po kliku na element p. Pomoci toho replaceWith si ale odstranis element p a pak pro replaceAll neni zadny element p k nahrazeni

 
Nahoru Odpovědět
3.5.2017 8:41
Avatar
pokusnicek
Člen
Avatar
pokusnicek:3.5.2017 8:44

Dobře a jak tedy se dají měnit dané obsahy?

 
Nahoru Odpovědět
3.5.2017 8:44
Avatar
Jiří Fencl
Člen
Avatar
Jiří Fencl:3.5.2017 15:39

Hlavne neni dobre si replacem odstranit ten prvek, kde je nabindovana akce po kliku, takze by bylo lepsi to jeste obalit a pak nahrazovat blok p blokem p viz:

$(document).ready(function(){
    $('p').wrap('<div class="toReplace"></div>');
      $('.toReplace').click(function(){
        $(this).find('p').replaceWith("<p><span style='color:red'>Praha</span></p>");
      });
      $('.tlac').click(function(){
        $("<p><span style='color:red'>Brno</span></p>").replaceAll('.toReplace p');
      });
});
Editováno 3.5.2017 15:41
 
Nahoru Odpovědět
3.5.2017 15:39
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:4.5.2017 15:28

Viz asi https://www.itnetwork.cz/…-a-klonovani

Nahoru Odpovědět
4.5.2017 15:28
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
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 5 zpráv z 5.