Skip to main content
se eliminaron 30 caracteres en el cuerpo
Origen Enlace

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}`)
    }
  })
})

functionconst 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!

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!

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, (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}`)
  })
})

const 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!

se eliminaron 10 caracteres en el cuerpo
Origen Enlace

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!

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!

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!

Origen Enlace

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!