Tengo una tabla de datos y cuando le doy al botón eliminar, intento obtener el valor del input hidden para comprobar que corresponde con dicho dato, pero cuando hago la comprobación parece que siempre me pilla el primer registro de la tabla.

¿A que se debe?

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    $('body').on("click", "#btnSaveDeleteLink", (e) => {
      console.log("llega aquí el delete");
      e.preventDefault();
      const file = $("#name_file").val();
      console.log(file)

<!-- language: lang-html -->

    <input id="name_file" type="text" name="name_file" value="{{ $item->title }}" hidden />
    <button id="btnSaveDeleteLink" type="button" class="btn btn-primary">Delete</button>

<!-- end snippet -->


Resultado:
[![Resultado][1]][1]


  [1]: https://i.sstatic.net/ULust.png

Como se puede ver en la imagen debería de salir en el console.log 'prueba' y no 'dasdasd' que es el primer dato de la tabla.