如何为d3.js创建的可折叠卡创建唯一ID

Question

这是我到目前为止拥有的代码，但它仅折叠第一个元素。我希望它创建唯一的ID并折叠点击的d3创建的卡片。

 d3.select(this).html(
                `<div class="card-header"><h5>${d.project}</h5></div>
                    <div class="card-body">
                         <h5 class="card-title">${d.status}</h5>
                            <h5 class="description">Description</h5>
                            <p class="card-text">${d.description}</p>
                   <h5 class="mb-0">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                          Details
                        </button>
                      </h5>
                    </div>
                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">

                      <div class="card-body">
                        <p class="tables">Table 1</p>
                         <p class="tables">Table 2</p>       
                      </div>`)
        });