J'ai un probleme avec la syntaxe javascript!!!

bonjour.

en ce moment j'apprend a coder en PHP PDO et j'ai un probleme par rapport a cette syntaxe

<script type="text/javascript">

$("a[data-suppression]").click(function(){

   var ref = $(this).attr("data-suppression");

   $("#delete").attr("href",ref);

});

voila la syntaxe que j'ai utilisé dans l'autre ficher concernant la suppression:

 <tbody class="table-group-divider">

  <?php foreach($lesNationalites as $nationalite){

        echo"<tr>";

        echo"<td>" . $nationalite->num . "</td>";

        echo"<td>" . $nationalite->libelle . "</td>";

        echo"<td>

        <a href='formnation.php?action=Modifier&num=$nationalite->num' class='btn btn-dark'><i class='fas fa-pen'></i></a>

        <a href='#supp' data-bs-toggle='modal' data-suppression='suppnation.php?num=$nationalite->num' class='btn btn-danger'><i class='far fa-trash-alt'></i></a>

        </td>" ;      

        echo"</tr>";

  }

  ?>

  </tbody>

</table>

</div>

<div  class="modal" id="supp">

  <div class="modal-dialog modal-dialog-centered">

    <div class="modal-content">

      <div class="modal-header">

        <h5 class="modal-title">Confirmation de la suppression</h5>

      </div>

      <div class="modal-body">

        <p>voullez vous vraiment supprimer nationalité?</p>

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Non</button>

        <a href="" class="btn btn-dark" id="delete">Oui</a>

      </div>

    </div>

  </div>

</div>

merci pour votre aide.