Javascript 获取所有父id<;ul>;排列
我的html代码:Javascript 获取所有父id<;ul>;排列,javascript,jquery,html,arrays,parent,Javascript,Jquery,Html,Arrays,Parent,我的html代码: <form> <ol> <li id="1" name="grandparent">Grand Parent <ol> <li id="2" name="parent">Parent <ol> <li id="3" name="child">Child </ol> </li>
<form>
<ol>
<li id="1" name="grandparent">Grand Parent
<ol>
<li id="2" name="parent">Parent
<ol>
<li id="3" name="child">Child
</ol>
</li>
<li id="4" name="parent2">Parent2
<ol>
<li id="5" name="child2">Child2
</ol>
</li>
</ol>
</li>
<li id="6" name="grandparent2">Grand Parent 2
</li>
</ol>
</form>
祖父母
家长
孩子
家长2
child2
祖父母2
在提交表单上,我希望所有家长都像这样:
[1] =>“祖父母”,父母
[2//li id
]=>“父项”,父项=>[1//父项id
]
[3] =>'子',父=>[2]
[4] =>'parent2',Parent=>[1]
[5] =>'child2',父=>[4]
[6] =>“祖父母2”,父母
请帮助我获取javascript上的所有父id
你期待这样的事情。我使用递归函数,因此你可以很容易地扩展它 函数getJson() { var finalJson=getChildLis(新数组(),$(“#myform”).children(“ol”),”); 警报(JSON.stringify(finalJson)); } 函数getChildLis(jsonArray、currentEle、父函数) { $.each($(currentEle).children(“li”)、函数(键、值){ var curName=$(val).attr(“名称”); var curId=$(val).attr(“id”); var jsonO={}; jsonO[curId]=curName; jsonO.parent=parent; jsonArray.push(jsonO); getChildLis(jsonArray,$(val).find(“ol”),curId; }); 返回jsonArray; }
祖父母
家长
孩子
家长2
child2
祖父母2
对不起,您的问题我不太清楚。这个列表是动态的还是总是相同的?就像这样,例如,只有3级父级。你能帮我从中得到阵列吗?非常感谢,你救了我一天@尼山塞内维拉酒店