Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取所有父id<;ul>;排列_Javascript_Jquery_Html_Arrays_Parent - Fatal编程技术网

Javascript 获取所有父id<;ul>;排列

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>

我的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>
      <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级父级。你能帮我从中得到阵列吗?非常感谢,你救了我一天@尼山塞内维拉酒店