自从 Document.querySelectorAll 接受选择器我们可以使用css属性选择器：

const r = document.querySelectorAll('li[fatherid="1"]');
console.log(Array.from(r));

<ul>
 <li id="1.1" fatherid="1"> ...</li>
 <li id="1.2" fatherid="1"> ...</li>
 <li id="1.3" fatherid="1"> ...</li>
</ul>

您可以使用数据属性(https://developer.mozilla.org/en-us/docs/learn/html/howto/use_data_attributes)存储父ID（这是向html元素添加自定义属性的推荐方法）。然后，您可以使用 [data-fatherid] 选择器。

function getByFather(id) {
    return document.querySelectorAll(`[data-fatherid='${id}']`);
  }

  console.log([...getByFather(1)]);
  console.log([...getByFather(2)]);

<ul>
 <li id="1.1" data-fatherid="1">1.1</li>
 <li id="1.2" data-fatherid="1">1.2</li>
 <li id="1.3" data-fatherid="1">1.3</li>

 <li id="2.1" data-fatherid="2">2.1</li>
 <li id="2.2" data-fatherid="2">2.2</li>
</ul>