如何从Firestore循环向HTML元素添加属性

Question

我从Firestore获取事件日期的集合。首先，我使用forEach循环遍历它，并在jquery后面附加一个语义UI卡。如何将自定义属性添加为卡作为Firebase ID ..以供以后参考。

store.collection('events').get()
.then(res=>{
    res.docs.forEach(snap=>{
        $("#event-list").append($(`
        <div val-id=${snap.id} class='mb5 uk-width-1-2@m' >
            <div class="bg-dark uk-card-default">
                    <div class="uk-card-header">...

我尝试了val-di=${snap.id}，但这没用。