如何使用jQuery动态更新与materialize.css图像相对应的文本

Question

我有一个完美工作的materialize.css轮播。 在它旁边，我想使用jQuery显示每个图像/链接的描述，当我滑动到轮播中的下一个/上一个图像时，它会动态更新。

我了解如何获取活动类正在显示的当前图像属性。 $("a.carousel-item.active).attr("itemid") 。我可以确认属性值已由console.logging(itemId)抓取。在页面加载时，轮播ID的第一项记录到了但是，当我旋转转盘时，不会记录新的ID。

1. 我如何做到这一点，以便当活动类更改为下一个/上一个元素时，正确的itemId会被捕获？
2. 一旦执行此操作，显示相应文本的最有效方法是什么？

    let itemId = $("a.carousel-item.active").children().attr("itemid")
    console.log("ID: ", itemId)

浏览器中轮播上的活动图片HTML