使用父ID jquery获取所有子属性

Posted 2023-05-07

【中文标题】使用父ID jquery获取所有子属性

【英文标题】：Get all child attributes using parent id jquery

【发布时间】：2015-08-12 06:26:43

【问题描述】：

如何通过父 id 获取所有子属性并返回对象示例数组

我想要这样的结果：

pat_101 = adm_01-adm01, adm_01-adm02, adm_01-adm03
pat_102 = adm_04-adm04, adm_05-adm05, adm_06-adm06
pat_103 = adm_07-adm07, adm_08-adm08, adm_09-adm09

来自这个 html：

<div>
   <ul>
     <li id="pat_101">
       <ul>
         <li id ="adm_01" title="adm101"></li>
         <li id ="adm_02" title="adm102"></li>
         <li id ="adm_03" title="adm103"></li>
       </ul>
     </li>
     <li id="pat_102">
       <ul>
         <li id ="adm_04" title="adm104"></li>
         <li id ="adm_05" title="adm105"></li>
         <li id ="adm_06" title="adm106"></li>
       </ul>
     </li>
     <li id="pat_103">
       <ul>
         <li id ="adm_07" title="adm107"></li>
         <li id ="adm_08" title="adm108"></li>
         <li id ="adm_09" title="adm109"></li>
       </ul>
     </li>
   </ul>    
<div>

谢谢

【问题讨论】：

你给我们的好作业

太难了，我做不到....^^

@coder 请理解！抱歉，我们没有时间为您编写所有代码。首先，您尝试向我们展示您尝试过的代码，我们会建议或修改以获得您的答案。

google "jquery children" 你会找到答案的。欢呼

【参考方案1】：

所以这里有一个答案，欢迎您访问 ***.com：

var parents = document.getElementsByTagName("li")
var output = ""
var children
for (var ii=0, parent; parent=parents[ii]; ii++) 
  children = parent.getElementsByTagName("li")
  if (children.length) 
    childArray = []
    for (var jj=0, child; child=children[jj]; jj++) 
      childArray[jj] = child.id
    
    output += parent.id + " = " + childArray.join(", ") + "\n"
  


output = output.slice(0, -1)
console.log (output);

也许您想逐行解决这个问题，在 Google 上查找关键字并确保您理解它们。准备好后，您可以关闭此窗口并为自己重写方法，只需使用您的笔记，无需查看原件。快乐的因果报应！