Tengo un metodo con jquery donde descargo una imagen pero al momento de pasar a la siguiente imagen me sigue descargando la primera imagen ya no se que hacer
mi data la obtengo asi
@foreach (var item in registros.OrderBy(m => m.Valor2))
{
<div>
<div class="row mt-5">
<div class="col-6">
<img id="item" src="@item.RutaAdjunto" style="height:80vh ; width: min-content" class="card-img-top ml-auto" alt="...">
</div>
<div class="col-4 align-self-center">
<div class="container">
<h2 id="modalVariosTitulo" class="card-title">@item.Titulo</h2>
<p id="modalVariosFecha" class="text-info font-italic"></p>
<p id="modalVariosContenido" class="card-text text-justify">@item.Contenido</p>
<button type="button" [email protected] bool="@item.LikeTrue.ToString()" href="#" class="btnlike btn btn-success py-0"><i class="fas fa-thumbs-up"></i> <small class="likesnumber">@item.Likes</small></button>
<button type="button" bool="@item.DislikesTrue.ToString()" value="@item.Valor2" href="#" class="btndislike btn btn-danger py-0"><i class="fas fa-thumbs-down"></i> <small class="dislikesnumber">@item.Dislikes</small></button>
<button type="button" class=" btn btn-info py-0 btnDescargarAdjunto"><i class='fas fa-download'></i></button>
</div>
</div>
</div>
</div>
}
mi metodo de descarga que utilizo para poder descargar la imagen es asi
**$(".btnDescargarAdjunto").click(function () {
var data = document.getElementById("item").src;
var ruta = data;
var enlace = document.createElement('a');
enlace.href = ruta;
enlace.download = ruta;
document.body.appendChild(enlace);
enlace.click();
//Borrrar el elemento
enlace.parentNode.removeChild(enlace);
//let fileName = getFileName(data);
//saveAs(data, fileName);
//function getFileName(str) {
// return str.substring(str.lastIndexOf('/') + 1)
//}
});**