jQuery Manipulation 2


/ Published in: JavaScript
Save to your folder(s)



Copy this code and paste it in your HTML
  1. //esempio di codice
  2. <div id="article">
  3. <p id="content">
  4. this is the content...
  5. </p>
  6. </div>
  7. <script type="text/javascript">
  8. var imagecode="<img src='emu.gif'>";
  9.  
  10. //aggiunge l'immagine prima di p
  11. $('p#content').before(imagecode);
  12. //possiamo utilizzare la formula inversa
  13. $(imagecode).insertBefore('p#content')
  14. //aggiunge l'immagine dopo p
  15. $('p#content').after(imagecode);
  16. //oppure
  17. $(imagecode).insertAfter('p#content')
  18. //aggiunge l'immagine dentro p ma prima di tutto
  19. $('p#content').preprend(imagecode);
  20. //oppure
  21. $(imagecode).prependTo('p#content')
  22. //aggiunge l'immagine dentro p ma dopo di tutto
  23. $('p#content').append(imagecode);
  24. //oppure
  25. $(imagecode).appendTo('p#content')
  26.  
  27. //si può totalmente rimpiazzare il paragrafo utilizzando
  28. $('p#content').replaceWith(imagecode);
  29. //oppure
  30. $(imagecode).replaceAll('p#content')
  31.  
  32. </script>
  33.  
  34.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.