Este es mi código html. Quiero que se llame a esta identificación de div "con" cuando se haga clic en el botón de exportación y luego se muestren los datos json en la consola.
si alguien sabe por favor ayuda
<html> <div id ="con"> <div>Name : P</div> <div>Age : 20</div> </div> <button type="submit" onclick="append()">Export</button> </html>Puede probar el siguiente método, he agregado un atributo de class a su botón:
$('.conSubmit').on('click', function() { var JSONObj = {}; var divArr = $('#con div'); $.each(divArr, function(index, val) { var data = val.innerText; var dataArray = data.split(':'); index == 0 ? JSONObj.name = dataArray[1].trim() : JSONObj.Age = dataArray[1].trim(); }) console.log(JSONObj); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="con"> <div>Name : P</div> <div>Age : 20</div> </div> <button class="conSubmit" type="submit">Export</button>