jQuery树遍历-将嵌套的无序列表元素嵌套到JSON
好的，现在我这里有一个无序列表：
<ul id="mycustomid">
<li><a href="url of Item A" title="sometitle">Item A</a>
<ul class="children">
<li><a href="url of Child1 of A" title="sometitle">Child1 of A</a>
<ul class="children">
<li><a href="url of Grandchild of A" title="sometitle">Grandchild of A</a>
<ul class="children">
<li><a href="url of Grand Grand child of A" title="sometitle">Grand Grand child of A</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="url of Item B" title="sometitle">Item B</a></li>
<li><a href="url of Item C" title="sometitle">Item C</a></li>
</ul>
基本上，我只想将此数据转换为JSON实体。我想在 Jquery中
完成此操作，而且我觉得我很难过。上面的列表只是一个例子，实际上，我的列表理想情况下将有更多的孩子，并且深度可能是n级（意思是，它将有孙子孙的孙子……或更多）我失去了无数数小时的睡眠，我不认为我会去任何地方:(
我想提取这些东西：锚点内的文本，锚点的url和锚点的标题，并将它们放到JSON实体中
我上面的列表的JSON格式是这样的：
{
name: "Item A",
url: "url of Item A",
title: "sometitle",
children: [{
name: "Child1 of A",
url: "url of Child1 of A",
title: "sometitle",
children: [{
name: "Grandchild of A",
url: "url of Grandchild of A",
title: "sometitle",
children: [{
name: "Grand Grand child of A",
url: "url of Grand Grand child of A",
title: "sometitle",
children: []
}]
}]
}]
},
{
name: "Item B",
url: "url of Item B",
title: "sometitle",
children: []
},
{
name: "Item C",
url: "url of Item C",
title: "sometitle",
children: []
}
一些有用的参考：
^这可能有效，但是我需要的JSON输出格式如上所示，而不是此脚本输出的内容:(
其他参考：
http://jsfiddle.net/yS6ZJ/1/
http://jsfiddle.net/CLLts/
http://jsfiddle.net/cWnwt/
有人请帮忙:(
谢谢。
问题答案：
嗯，一个有趣的小递归练习。我花了一点时间，这就是我的做法。这可以递归地深入许多级别，但是假定您的数据不够深而无法爆炸内存（如果浏览器的深度太深，则递归会中断）。至少应保持10级左右的罚款。
我对此进行了测试，似乎可以正常工作，只需将其保存在HTML文件中就可以了。
抱歉，注释不太多（从技术上来说，没有任何注释：），这是假定您阅读jQuery和JS代码很好。如果您有任何疑问，请在评论中提问，我们乐于解释。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Recursive list processor example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var out = [];
function processOneLi(node) {
var aNode = node.children("a:first");
var retVal = {
"title": aNode.attr("title"),
"url": aNode.attr("href"),
"name": aNode.text()
};
node.find("> .children > li").each(function() {
if (!retVal.hasOwnProperty("children")) {
retVal.children = [];
}
retVal.children.push(processOneLi($(this)));
});
return retVal;
}
$("#mycustomid").children("li").each(function() {
out.push(processOneLi($(this)));
});
console.log("got the following JSON from your HTML:", JSON.stringify(out));
});
</script>
</head>
<body>
<ul id="mycustomid">
<li><a href="http://example.com/urlOfItemA" title="sometitle">Item A</a>
<ul class="children">
<li><a href="http://example.com/urlOfItemAChild1" title="sometitle">Child1 of A</a>
<ul class="children">
<li><a href="http://example.com/urlOfItemAGrandchild" title="sometitle">Grandchild of A</a>
<ul class="children">
<li><a href="http://example.com/urlOfItemAGrandGrandChild" title="sometitle">Grand Grand child of A</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="http://example.com/urlOfItemB" title="sometitle2">Item '"" B</a></li>
<li><a href="http://example.com/urlOfItemC" title="sometitle3">Item C</a></li>
</ul>
</body>
</html>
-
问题内容： 我目前有这个： test.json看起来像这样： 我越来越： 如何更改它，以便无论我拥有多少嵌套值，它都将循环遍历所有嵌套项目？ 所以对于上面的例子，我会得到 问题答案： 您可以创建一个递归循环函数，但是会遇到一个问题：当属性是对象时，因为没有字符串，所以没有文本可显示。因此，您将得到： 因为while 是为项目＃2显示的字符串，所以它是为项目＃1显示的对象。 无论如何，这就是我组成的
-
问题内容： 我有以下XML： 我有以下Java类将其映射到： 当我尝试与解组 我得到这个错误 我需要参数同时具有’attr’属性和内容，所以我在做什么错呢？ 问题答案： 默认情况下， JAXB（JSR-222） 实现将公共属性（获取/设置方法）和带注释的字段视为已映射（和分开）。默认映射是这样，因此您的属性将被视为以此方式映射。 解决方案1 由于您要注释字段，因此需要在类中添加。 解决方案＃2 注
-
问题内容： 我试图遍历嵌套对象以检索由字符串标识的特定对象。在下面的示例对象中，标识符字符串是“ label”属性。我无法解决如何遍历树以返回适当对象的问题。任何帮助或建议，将不胜感激。 问题答案： 您可以创建像这样的递归函数来对对象进行深度优先遍历。 可以这样称呼
-
你知道这是怎么回事吗？
-
问题内容： 我有一个嵌套的数据结构。我想使用模块读取其键和值。数据结构像下面这样。 我试图使用波纹管方式读取字典中的键，但出现错误。 码 错误 所以任何人都可以解释错误的原因以及如何遍历字典。 问题答案： 作为请求的输出，代码如下所示 代替您也可以使用，但是效率更高并且返回迭代器。 希望这可以帮助 ：）
-
问题内容： 我必须遍历json数组对象。 它具有以下结构。 基本上我在做的是prod_1是产品的名称，并且prod_1的版本列表已填充在其中。 所以现在我想要的是产品的名称以及它的版本。 问题在于可能有很多产品和该产品下的许多版本。所以我需要可以在 javascript 中使用适当的循环结构来对其进行处理。 最好将循环将产品名称存储在一个变量中，将版本存储在另一个变量中，因为我需要对产品名称进行一