Get value of div content using jquery

Question

I have the following html and I want to get the value of the div which is   Other  How can I do this with jQuery     lt div class  readonly label  id  field-function purpose  gt          Other   lt  div gt

User · Accepted Answer

Use  text   to extract the content of the div   var text       field-function purpose   text

User · Answer

Try this to get value of div content using jquery    x000D   x000D          showplaintext   click function    x000D          alert     plain   text     x000D          x000D       x000D         Show text content of formatted paragraph x000D          showformattedtext   click function    x000D          alert     formatted   text     x000D          x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt p class  plain  gt Exploring the zoo  we saw every kangaroo jump and quite a few carried babies   lt  p gt  x000D       lt p class  formatted  gt Exploring the zoo lt strong gt   we saw every kangaroo lt  strong gt  jump  lt em gt  lt sup gt  and quite a  lt  sup gt  lt  em gt few carried  lt a href     gt  babies lt  a gt   lt  p gt  x000D       lt button type  button  class  showplaintext  gt Get Plain Text lt  button gt  x000D       lt button type  button  class  showformattedtext  gt Get Formatted Text lt  button gt  x000D   x000D   x000D    Taken from   Get the text inside an element using jQuery

User · Answer

your div looks like this    lt div class  readonly label  id  field-function purpose  gt Other lt  div gt    With jquery you can easily get inner content     Use  html     HTML contents of the first element in the set of matched elements or set the HTML contents of every matched element   var text       field-function purpose   html       Read more about jquery  html    or      Use  text     Get the combined text contents of each element in the set of matched elements  including their descendants  or set the text contents of the matched elements   var text       field-function purpose   text      Read more about jquery  text

User · Answer

You can simply use the method text   of jQuery to get all the content of the text contained in the element  The text   method also returns the textual content of the child elements  HTML Code   lt div id  quot box quot  gt     lt p gt Lorem ipsum elit sit ut  consectetur adipiscing dolor  lt  p gt    lt  div gt   JQuery Code      document  ready function           quot button quot   click function          var divContent       box   text          alert divContent                  You can see an example here  How to get the text content of an element with jQuery

User · Answer

You can get div content using  text   in jquery  var divContent       field-function purpose   text    console log divContent     Fiddle

User · Answer

field-function purpose   will get you the element with ID field-function purpose  which is your div element  text   returns you the content of the div   var x       field-function purpose   text

[jquery] Get value of div content using jquery

Examples related to jquery