0

我有以下 HTML，我需要为输入字段构造 JSON。我需要将标有“收集”的 DIV 作为 JSON 中的对象。对象可能有其他对象或字段（类似于具有内部 DIV 和输入字段的 DIV）。我正在使用 JQuery。我有一些我已经开发但没有得到我想要的代码。如果需要，我可以发布该代码。此外，如果需要，我可以将 'p1'、'p2' 等 div 类移动到rel属性中。

谢谢你的帮助。

示例 HTML

<div class="p1 collect">
   <div class="somestyleclass">
    <div class="p2 collect">
        <input type="text" name="i1" value="1">
        <input type="text" name="i2" value="2">
    </div>
    <div class="p3 collect">
        <input type="text" name="i3" value="3">
        <input type="text" name="i4" value="4">
    </div>
   </div>

   <div class="somestyleclass">
    <div class="p4 collect">
        <div class="somestyleclass">
            <h1>title</h1>
            <div class="p5 collect">
                <input type="text" name="i5" value="5">
                <input type="text" name="i6" value="6">
            </div>
            <div class="p5 collect">
                <input type="text" name="i5" value="7">
                <input type="text" name="i6" value="8">
            </div>
            <div class="p5 collect">
                <input type="text" name="i5" value="9">
                <input type="text" name="i6" value="10">
            </div>
        </div>
    </div>  
   </div>

</div>

结果 JSON：

{
    "p1": {
        "p2": {
            "i1":"1", "i2":"2"
        },
        "p3": {
            "i3":"3", "i4":"4"
        },
        "p4": [
            {
                "p5":{
                    "i5":"5", "i6":"6"
                }
            },
            {
                "p5":{
                    "i7":"7", "i8":"8"
                }
            },
            {
                "p5":{
                    "i9":"9", "i10":"10"
                }
            }
        ]

    }
}
4

0 回答 0