Javascript 使用嵌套的单选按钮获取父输入div的ID以便于访问

我有一些自定义单选按钮，它们嵌套得很深。我希望子单选按钮在标签中引用其父按钮（出于可访问性原因）。我计划使用

aria labelledby

来实现这一点

我最大的问题是单选按钮是动态生成的，所以我需要能够弄清楚父id是什么

当前，html的布局如下所示：

---

使用单选按钮中的数据属性保存父ID

请参阅：
获取父元素的未知ID：

香草Javascript:

向上一级：

document.querySelector("YOUR-ELEMENT-SELECTOR").parentNode.id;

$("YOUR-ELEMENT-SELECTOR").parent().attr("id");

向上分两级：

document.querySelector("YOUR-ELEMENT-SELECTOR").parentNode.parentNode.id;

$("YOUR-ELEMENT-SELECTOR").parent().parent().attr("id");

jQuery:

向上一级：

document.querySelector("YOUR-ELEMENT-SELECTOR").parentNode.id;

$("YOUR-ELEMENT-SELECTOR").parent().attr("id");

向上分两级：

document.querySelector("YOUR-ELEMENT-SELECTOR").parentNode.parentNode.id;

$("YOUR-ELEMENT-SELECTOR").parent().parent().attr("id");

动态生成时，不能将父名称作为ID的一部分传递吗？