jquery - 如何根据 ID 动态更改引导手风琴中的数据目标

Question

我在 for 循环中使用 jquery append 添加了 mdb bootstrap 手风琴。每次循环运行时，它都会创建一个具有相同 id 和相同数据目标的手风琴面板。问题是因为每当我单击它自动打开的任何一个面板时，相同的 id 和相同的数据目标。

$("#accordion").append('<div class="card w-100" id="'+["num"]+'"><div class="card-header" id="headingOne"><h5 class="mb-0"><button class="btn btn-link p-0 text-left" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">'+p[i]["jobtitle"]+'</button> </h5></div><div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"><div class="card-body"><p class="card-text mb-0">Status</p>'+p[i]["status"]+'<p class="card-text mb-0 mt-2">Job Id</p>'+p[i]["jobid"]+'<p class="card-text mb-0 mt-2">Noc Code</p>'+p[i]["noc_code"]+'<p class="card-text mb-0 mt-2">Job title</p>'+p[i]["jobtitle"]+'<p class="card-text mb-0 mt-2">Location</p>'+p[i]["joblocation"]+'<p class="card-text mb-0 mt-2">Business Name</p>'+p[i]["jobcompany"]+'<p class="card-text mb-0 mt-2">Matches and report</p><p class="mb-0">12</p><p class="card-text mb-0 mt-2">Posting start date</p>'+p[i]["jobstartdate"]+'<p class="card-text mb-0 mt-2">End date</p>'+p[i]["enddate"] +'<p class="card-text mb-0 mt-2">Operating name</p></div></div></div>');

我想知道如何写入与 id 值相同的数据目标值

标签： jquerybootstrap-4