JQuery get all elements by class name

Question

in the process of learning javscript and jquery  went through pages of google but can t seem to get this working  Basically I m trying to collect innerhtml of classes  jquery seems to be suggested than plain javascript  into a document write    Here s the code so far    lt div class  mbox  gt Block One lt  div gt   lt div class  mbox  gt Block Two lt  div gt   lt div class  mbox  gt Block Three lt  div gt   lt div class  mbox  gt Block Four lt  div gt    lt script gt  var mvar       mbox   html    document write mvar    lt  script gt    With this  only the first class shows under document write  How can I show it all together like Block OneBlock TwoBlock Three  My ultimate goal with this is to show them comma seperated like Block One  Block Two  Block Three  Block Four  Thanks  bunch of relevant questions come up but none seem to be this simple

User · Answer

Maybe not as clean or efficient as the already posted solutions  but how about the  each   function  E g   var mvar           mbox   each function         console log   this  html         mvar      this  html        console log mvar

User · Answer

One possible way is to use  map   method   var all       mbox   map function         return this innerHTML     get     console log all join       DEMO  http   jsfiddle net Y4bHh   N B  Please don t use document write  For testing purposes console log is the best way to go

User · Answer

Alternative solution  you can replace createElement with a your own element   var mvar       mbox   wrapAll document createElement  div    closest  div   text    console log mvar

User · Answer

With the code in the question  you re only dealing interacting with the first of the four entries returned by that selector   Code below as a fiddle  https   jsfiddle net c4nhpqgb   I want to be overly clear that you have four items that matched that selector  so you need to deal with each explicitly   Using eq   is a little more explicit making this point than the answers using map  though map or each is what you d probably use  in real life   jquery docs for eq here       lt html gt       lt head gt           lt script src    ajax googleapis com ajax libs jquery 1 9 1 jquery min js   gt  lt  script gt       lt  head gt        lt body gt           lt div class  mbox  gt Block One lt  div gt           lt div class  mbox  gt Block Two lt  div gt           lt div class  mbox  gt Block Three lt  div gt           lt div class  mbox  gt Block Four lt  div gt            lt div id  outige  gt  lt  div gt           lt script gt                 using the   prefix to use the  jQuery wrapped var  convention             var i   mvar       mbox                    convenience method to display unprocessed html on the same page             function logit  string                                 var text   document createTextNode  string                        outige   append text                       outige   append   lt br gt                                logit  mvar length                for  i 0  i lt  mvar length  i                         logit  mvar eq i  html                            lt  script gt       lt  body gt    lt  html gt    Output from logit calls  after the initial four div s display    4 Block One Block Two Block Three Block Four

[javascript] JQuery get all elements by class name

Examples related to javascript

Examples related to jquery