Use jquery to set value of div tag

Question

I have this html div tag defined    lt div style  height 100px  width 100px  class  total-title  gt      first text  lt  div gt    I have jquery code to change its value       div total-title   html  test      But this does not change the content of the div

User · Answer

When using the  html   method  a htmlString must be the parameter   source  Put your string inside a HTML tag and it should work or use  text   as suggested by farzad   Example    lt div class  demo-container  gt       lt div class  demo-box  gt Demonstration Box lt  div gt   lt  div gt    lt script type  text javascript  gt     div demo-container   html    lt p gt All new content   lt em gt You bet  lt  em gt  lt  p gt       lt  script gt

User · Answer

try this function    div total-title   text  test

User · Answer

To put text  use  text  text    If you want to use  html SomeValue   SomeValue should have html tags that can be inside a div it must work too    Just check your script location  as farzad said   Reference   html and text

User · Answer

use as below    lt div id  getSessionStorage  gt  lt  div gt   For this to append anything use below code for reference     document  ready function              var storageVal   sessionStorage getItem  UserName            alert storageVal               getSessionStorage   append storageVal              This will appear as below in html  assuming storageVal  Rishabh     lt div id  getSessionStorage  gt Rishabh lt  div gt

User · Answer

if your value is a pure text  like  test   you could use the text   method as well  like this      div total-title   text  test      anyway  about the problem you are sharing  I think you might be calling the JavaScript code before the HTML code for the DIV is being sent to the browser  make sure you are calling the jQuery line in a  lt script gt  tag after the  lt div gt   or in a statement like this     document  ready      function                div total-title   text  test               this way the script executes after the HTML of the div is parsed by the browser

User · Answer

You have referenced the jQuery JS file haven t you  There s no reason why farzad s answer shouldn t work

[jquery] Use jquery to set value of div tag

Examples related to jquery

Examples related to html