Get a Div Value in JQuery

Question

I have a page containing the following div element    lt div id  myDiv  class  myDivClass  style    gt Some Value lt  div gt    How would I retrieve the value   Some Value   either through JQuery or through standard JS   I tried   var mb   document getElementById  myDiv      But the debugger console shows  mb is null    Just wondering how to retrieve this value   ---- UPDATE ---- When I try the suggestion I get     is not a function  This is part of a JQuery event handler where I am trying to read the value when I click a button   The handler function is working but it can t interpret the jQuery value it seems   jQuery   gregsButton   click function         var mb       myDiv   text       alert  Value of div is      mb value

User · Answer

myDiv   text     Although you d be better off doing something like    x000D   x000D  var txt       myDiv p   text    x000D  alert txt   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div id  myDiv  gt  lt p gt Some Text lt  p gt  lt  div gt  x000D   x000D   x000D    Make sure you re linking to your jQuery file too

User · Answer

your div looks like this    lt div id  someId  gt Some Value lt  div gt    With jquery         lt script type  text javascript  gt         function             var text       someId   html                or          var text       someId   text                 lt  script gt

User · Answer

You could use  jQuery   gregsButton   click function          var mb   jQuery   myDiv   text         alert  Value of div is      mb          Looks like there may be a conflict with using the    Remember that the variable  mb  will not be accessible outside of the event handler  Also  the text   function returns a string  no need to get mb value

User · Answer

if you div looks like this    lt div id  someId  gt Some Value lt  div gt    you could retrieve it with jquery like this       someId   text

User · Answer

You could also use innerhtml to get the value within the tag

User · Answer

myDivObj   document getElementById  myDiv    if   myDivObj        alert   myDivObj innerHTML      else     alert    Alien Found         Above code will show the innerHTML  i e if  you have used html tags inside  div then it will show even those too  probably this is not what you expected  So another solution is to use  innerText   textContent property   thanx to bobince  see his comment     function showDivText                divObj   document getElementById  myDiv                if   divObj                    if   divObj textContent       FF                     alert   divObj textContent                     else      IE                                alert   divObj innerText       alert   divObj innerHTML

User · Answer

You can do get id value by using    x000D   x000D  test alert       myDiv   val    x000D  alert test alert   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div id  myDiv  gt  lt p gt Some Text lt  p gt  lt  div gt  x000D   x000D   x000D

[javascript] Get a Div Value in JQuery

Examples related to javascript

Examples related to jquery

Examples related to html