jQuery to serialize only elements within a div

Question

I would like to get the same effect as jQuery serialize   but I would like to return only the child elments of a given div   Sample result    single Single2 amp multiple Multiple amp radio radio1

User · Accepted Answer

No problem  Just use the following  This will behave exactly like serializing a form but using a div s content instead       divId  input   serialize      Check https   jsbin com xabureladi 1 for a demonstration  https   jsbin com xabureladi 1 edit for the code

User · Answer

divId  gt  input   divId  gt  select   divId  gt  textarea   serialize

User · Answer

serialize all the form-elements within a div   You could do that by targeting the div  target-div-id inside your form using        target-div-id   find  select  textarea  input   serialize

User · Answer

Try also this          divId   find  input   serialize

User · Answer

You can improve the speed of your code if you restrict the items jQuery will look at   Use the selector  input instead of   to achieve it       divId  input   serialize     This will make your code faster because the list of items is shorter

User · Answer

If those elements have a common class name  one may also use this       your div  your classname   serialize     This way you can avoid selection of buttons  which will be selected using the jQuery selector  input  Though this can also be avoided by using     your div  input not  button    serialize

User · Answer

What about my solution   function serializeDiv   div  serialize method            Accepts  serialize    serializeArray   Implicit  serialize      serialize method   serialize method     serialize           Unique selector for wrapper forms     var inner wrapper class    any unique class for wrapped content           Wrap content with a form      div wrapInner    lt form class    inner wrapper class    gt  lt  form gt              Serialize inputs     var result         inner wrapper class   div  serialize method             Eliminate newly created form         script wrap inner div form    div  contents   unwrap            Return result     return result        USE         For      div   serialize   serializeDiv     div        or    serializeDiv     div     serialize        For      div   serializeArray   serializeDiv     div     serializeArray       x000D   x000D  function serializeDiv   div  serialize method   x000D    x000D      Accepts  serialize    serializeArray   Implicit  serialize  x000D   serialize method   serialize method     serialize   x000D   x000D      Unique selector for wrapper forms x000D   var inner wrapper class    any unique class for wrapped content   x000D   x000D      Wrap content with a form x000D    div wrapInner    lt form class    inner wrapper class    gt  lt  form gt      x000D   x000D      Serialize inputs x000D   var result         inner wrapper class   div  serialize method     x000D   x000D      Eliminate newly created form x000D       script wrap inner div form    div  contents   unwrap    x000D   x000D      Return result x000D   return result  x000D    x000D   x000D     USE     x000D   x000D  var r   serializeDiv     div        or serializeDiv     div     serialize       x000D  console log  For      div   serialize      x000D  console log r   x000D   x000D  var r   serializeDiv     div     serializeArray    x000D  console log  For      div   serializeArray      x000D  console log r   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  div  gt  x000D     lt input name  input1  value  input1 value  gt  x000D     lt textarea name  textarea1  gt textarea value lt  textarea gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

The function I use currently          Serializes form or any other element with jQuery serialize     param el     serialize  function el        var serialized     el  serialize        if   serialized     not a form         serialized     el             find  input name  select name  textarea name    serialize        return serialized

[jquery] jQuery to serialize only elements within a div

Examples related to jquery

Examples related to serialization