javascript - Serialize() finding all divs before the div of interest -


i have code 

    <body>     <form id="generico">     <input type="hidden" value="50.00" name="credito_residuo" id="credito_residuo">      <div class="adding">     <div style="float:left; margin-right:3%">pirulo</div>     <div><input type="hidden" name="prodotto[]" class="prodotto" value="pirulo"></div>     <div style="float:left; margin-right:3%">&euro; 1.00</div>     <div><input type="hidden" name="prezzo[]" class="price" value="1.00"></div>     <div style="float:left; margin-right:3%">     <input type="text" size="2" name="quantita[]" class="quantita" id="quantita" ></div>     <div style="float:left; margin-right:3%">     <input type="text" size="7" name="totale_parziale[]" class="totale_parziale">     </div>     <div style="margin-right:3%; float:left">     <input type="button" name="add" class="add" value="+"></div>     <div style="margin-right:3%; float:left">     <input type="button" disabled name="remove" class="remove" value="-"></div>     <div style="margin-right:3%">     <input type="button" disabled name="addtocart" class="addtocart" value="addtocart"></div>     </div>      <div class="adding">     <div style="float:left; margin-right:3%">maxibon</div>     <div><input type="hidden" name="prodotto[]" class="prodotto" value="maxibon"> </div>     <div style="float:left; margin-right:3%">&euro; 2.00</div>     <div><input type="hidden" name="prezzo[]" class="price" value="2.00"></div>     <div style="float:left; margin-right:3%">     <input type="text" size="2" name="quantita[]" class="quantita" id="quantita" ></div>     <div style="float:left; margin-right:3%">     <input type="text" size="7" name="totale_parziale[]" class="totale_parziale">    </div>     <div style="margin-right:3%; float:left">     <input type="button" name="add" class="add" value="+"></div>     <div style="margin-right:3%; float:left">     <input type="button" disabled name="remove" class="remove" value="-"></div>     <div style="margin-right:3%">     <input type="button" disabled name="addtocart" class="addtocart" value="addtocart"></div>     </div>      <div class="adding">     <div style="float:left; margin-right:3%">limonata</div>     <div><input type="hidden" name="prodotto[]" class="prodotto" value="limonata"></div>     <div style="float:left; margin-right:3%">&euro; 1.50</div>     <div><input type="hidden" name="prezzo[]" class="price" value="1.50"></div>     <div style="float:left; margin-right:3%">     <input type="text" size="2" name="quantita[]" class="quantita" id="quantita" ></div>     <div style="float:left; margin-right:3%">     <input type="text" size="7" name="totale_parziale[]" class="totale_parziale"></div>     <div style="margin-right:3%; float:left">     <input type="button" name="add" class="add" value="+"></div>     <div style="margin-right:3%; float:left">     <input type="button" disabled name="remove" class="remove" value="-"></div> <div style="margin-right:3%">     <input type="button" disabled name="addtocart" class="addtocart" value="addtocart"></div>     </div>      <div class="adding">     <div style="float:left; margin-right:3%">coca cola</div> <div><input type="hidden" name="prodotto[]" class="prodotto" value="coca cola" >   </div>     <div style="float:left; margin-right:3%">&euro; 1.50</div>     <div><input type="hidden" name="prezzo[]" class="price" value="1.50"></div>      <div style="float:left; margin-right:3%">     <input type="text" size="2" name="quantita[]" class="quantita" id="quantita" ></div>     <div style="float:left; margin-right:3%">     <input type="text" size="7" name="totale_parziale[]" class="totale_parziale"> </div>     <div style="margin-right:3%; float:left">     <input type="button" name="add" class="add" value="+"></div>     <div style="margin-right:3%; float:left">     <input type="button" disabled name="remove" class="remove" value="-"></div>     <div style="margin-right:3%">     <input type="button" disabled name="addtocart" class="addtocart" value="addtocart"></div>     </div>     <div id="totale"></div>     <div id="result"></div>     <script src="js/mine.js"></script>     <input type="submit" value="ordina" name="completa_ordine" id="completa_ordine"></div></div>'     </form>   </body>

i'm trying jquery serialize() take data among div class adding. need fields prodotto[], prezzo[], quantita[], totale_residuo[]

i tried code:

$(document).on("click", ".addtocart", function(){    alert($(this).parents().serialize());  });

unfortunately, selects fields.

have suggestions?

you can try following.

$(this).parent().parent().find('input').serialize()

Comments

Post a Comment