Javascript 获取子ID并将其作为ARIA属性添加到父级

我在一个页面上有许多图片和标题，设置在

组中。我想使用JavaScript（或jQuery）获取

figcaption

的ID，并将“

aria labelledby

”属性添加到父级

例如，我有以下内容（简化）：

谢谢你的帮助

---

谢谢

您需要

返回该值

，否则您将无法使用它

$('figure').attr('aria-labelledby', function() {
    $(this).find('figcaption').attr('id');
})

演示

$（'figure'）.attr（'aria-labelledby'，function（）{
返回$（this.find（'figcaption'）.attr（'id'）；
})

[aria labelledby]{
颜色：#f00；
}

样品
样品

为什么要在此处添加ARIA？如果没有它，您是否会遇到特定的问题？一般来说，您只需要在原始HTML尚未捕获您想要的含义的地方添加ARIA。因此，例如，对于已经有标签关联的输入，不需要使用aria labelledby-这似乎是类似的情况。我假设它会增加值，但是image和figcaption之间的关系是否已经在figure元素内隐式声明？我是否可以停止对细节和摘要元素进行类似操作？

$('figure').attr('aria-labelledby', function() {
    $(this).find('figcaption').attr('id');
})

$('figure').attr('aria-labelledby', function() {
    return $(this).find('figcaption').attr('id');
})