jQuery HTML 到 JSON，包括 href 属性

Question

我在标记中有这样的数据:

  <p class="bbook">Lorem</p>
  <p class="bref">
     <a class="ref" href="prin.v.ii.ii.html">2:15</a>
     <a class="ref" href="prin.v.i.v.html">3:17-19</a>
     <a class="ref" href="prin.v.v.html">3:19 </a>
  </p>

 <p class="bbook">Ipsum</p>
 <p class="bref">
     <a class="ref" href="sec.vii.xxii.html">10:18</a>
     <a class="ref" href="sec.vii.ix.html">10:27</a>
     <a class="ref" href="sec.vii.xxiii.html">10:28</a>
 </p>

我想将它转换成这样的 JSON 对象:

{
    "Lorem": {
        "prin.v.ii.ii.html": "2:15",
        "prin.v.i.v.html": "3:17-19",
        "prin.v.v.html": "3:19"
    },
    "Ipsum": {
        "sec.vii.xxii.html": "10:18",
        "sec.vii.ix.html": "10:27",
        "sec.vii.xxiii.html": "10:28"
    }
}

我在这里看到了一些 HTML 到 JSON 的解决方案，但我找不到任何一个处理属性。我知道如果标记有 ul 可能会更容易，但事实并非如此。我该如何转换它？

Answer 1

很容易，我想。下面是 jQuery 风格的 Javascript 中的一些示例代码，但您可以根据自己选择的语言使用 DOM 遍历器和 JSON 库进行调整。 (例如，在 Perl 中，您将使用 HTML::TreeBuilder 和 JSON 模块。)

var json_obj = {};
$('p.bbook').each(function(i,el) {
    var which = $(el).text();
    var refs = {};
    $(el).next('p.bref').find('a.ref').each(function(i,el) {
        var href = $(el).attr('href');
        var chapter_verse = $(el).text();
        refs[href] = chapter_verse;
    });
    json_obj[which] = refs;
});
var json_result = JSON.stringify(json_obj);

此时，json_result 包含一个 JSON 字符串，其内容与您在问题中描述的内容相匹配。