Skip to main content
1 de 3

Podrías tener sólo una función que rescate el dato mediante el id o cualquier propiedad que quieras de la siguiente forma

let data = []

$(document).ready(function() {
  $.ajax({
    url: 'https://api.jsonbin.io/b/5dea9b4ebc5ffd040094f47c',
    type : 'GET',
    dataType : 'json',
    success: (result) => {
      data = result
      $.each(result, function(i, itemAliados) {
            $( ".aliados" ).append(`<div class="containerAliados" id=${itemAliados.idAliado}><p         onclick="detalles(${itemAliados.idAliado})">${itemAliados.imgLogo}</p></div>`);
        });
    },
    error: (err) => {
      console.log(`error, ${err}`)
    }
  })
})

function detalles(id) {
  const item = data.find(i => i.idAliado === id)
  console.log(`${JSON.stringify(item)}`)
}
<div class="aliados"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Para evitar llamar tantas veces al JSON, cree una variable global donde asignas el valor del resultado en la llamada.

Después simplemente llame a la función detalles mediante el id y use el método find propio de JavaScript para encontrar el elemento deseado.

Cualquier duda nos comentas!