如何使用 jquery 将 Div 数据转换为 json 格式
Posted
技术标签:
【中文标题】如何使用 jquery 将 Div 数据转换为 json 格式【英文标题】：How to convert Div data into json format using jquery 【发布时间】：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怎么写？ 【参考方案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>【讨论】：
以上是关于如何使用 jquery 将 Div 数据转换为 json 格式的主要内容，如果未能解决你的问题，请参考以下文章