Podrías tener sólo una función que rescate el dato mediante el id o cualquier propiedad que quieras de la siguiente forma <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> 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)}`) } <!-- language: lang-html --> <div class="aliados"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- end snippet --> 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][1]** propio de `JavaScript` para encontrar el elemento deseado. Cualquier duda nos comentas! [1]: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Array/find