如何使用 jquery 将 Div 数据转换为 json 格式答案

【问题标题】：How to convert Div data into json format using jquery如何使用 jquery 将 Div 数据转换为 json 格式
【发布时间】：2021-12-22 23:14:18
【问题描述】：

这是我的 html 代码。我希望在单击导出按钮时调用此 div id“con”，然后在控制台中显示 json 数据。

如果有人知道请帮忙

<html>
  <div id ="con">
    <div>Name : P</div>
    <div>Age : 20</div>
  </div>
  <button type="submit" onclick="append()">Export</button>
</html>

【问题讨论】：

你坚持哪一部分？向按钮添加事件？输出到控制台？读身份证？生成一个javascript对象？将js对象转换为json？输出到控制台？你的预期输出是什么？ “json”只是一个符号，您需要指定采用什么格式。请具体。如果您包含您尝试过的内容，可能会更容易缩小您的问题范围。
jquery怎么写？

标签： javascript html jquery json

【解决方案1】：

你可以试试下面的方法，我给你的按钮添加了class属性：

$('.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>

【讨论】：