如何在jquery中创建唯一的ID以更改HTML中的ID

Question

当我单击查看按钮时，它会打开一个引导模态，并且我想根据查看按钮上的ID来更改readPdf id按钮

$('#readPdf').each(function(){
   $(this).attr("id", "readPdf" + id_data);
});`

我尝试使用

它成功了，但是当我查看检查元素时，它只改变了一次，而不是倍数

<?php foreach ($data['pdf'] as $pdf): ?>
    //btn trigger
    <a class="badge badge-primary float-right ml-1 tampilModalView" href="#" data-toggle="modal" data-target="#PdfModal" data-id="<?= $pdf['id']; ?>" data-url="<?= $pdf['pdf_url']; ?>">View</a>
    //btn on modal
    <button type="button" class="btn btn-primary readPdf" id="readPdf">Read PDF</button>
<?php endforeach; ?>`

检查元素中的数据仅更改一次不适用