Skip to main content
2 de 2
se eliminaron 213 caracteres en el cuerpo

Traer solo un elemento del Json

soy muy nuevo en esto y estoy haciendo un ejercicio que consiste en traer un dato de acuerdo a la la opción seleccionada, les comparto lo que tengo para ver si me pueden ayudar a saber como traigo solo un elemento y no todo el Json.

function aliadoSelect(data) {

    $.each(data, function(i, item) {
        console.log (item.imgBanner);
        console.log (" ");
        console.log (item.offers.offersOne);
        console.log (item.offers.offersTwo);
        console.log (item.offers.offersThree);
        console.log (item.offers.offersFour);
        console.log (" ");
        console.log (item.howToUse);
        console.log (" ");
        console.log (item.date);
        console.log (" ");
        console.log (item.terms);

        console.log ("============");
    });
}


function aliados(dataAliados) {
    $.each(dataAliados, function(i, itemAliados) {
        $( ".aliados" ).append( "<div class='containerAliados' id="+itemAliados.idAliado+"><p>"+itemAliados.imgLogo+"</p></div>" );
    });

$(".containerAliados").click(function(event){ 
        aliadoSeleccionado = $(this).attr('id');
        console.log (aliadoSeleccionado);
        $.getJSON('aliados.json', null, function(data) {
            aliadoSelect(data);
        });
    }); 
}

$(document).ready(function() { 

    $.getJSON('aliados.json', null, function(dataAliados) {
            aliados(dataAliados);
        });


}); 
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Somos EPM</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
  <div class="aliados">
    
  </div>
  <h1 id="ver">Ver</h1>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
  </body>
</html>

Y este es el Json

[
{
    "idAliado": 0,
    "imgLogo": "App_Themes/aliados/pizza-doble-pizza/logo.png",
    "imgBanner": "App_Themes/aliados/pizza-doble-pizza/banner.jpg",
    "offers": {
        "offersOne":        "App_Themes/aliados/pizza-doble-pizza/oferta-1.jpg",
        "offersTwo":        "App_Themes/aliados/pizza-doble-pizza/oferta-2.jpg",
        "offersThree":  "App_Themes/aliados/pizza-doble-pizza/oferta-3.jpg",
        "offersFour":   "App_Themes/aliados/pizza-doble-pizza/oferta-4.jpg"
    },
    "howToUse": "Presenta tu documento de identidad o di el número a la hora de hacer tu pedido.",
    "date":         "Válido hasta el 31 de diciembre de 2019",
    "terms":        "Combo "
},
{
    "idAliado": 1,
    "imgLogo": "App_Themes/aliados/yom-yom/logo.png",
    "imgBanner": "App_Themes/aliados/yom-yom/banner.jpg",
    "offers": {
        "offersOne":        "App_Themes/aliados/yom-yom/oferta-1.jpg",
        "offersTwo":        "",
        "offersThree":  "",
        "offersFour":   ""
    },
    "howToUse": "Presenta tu documento de identidad",
    "date":         "Válido hasta el 31 de diciembre de 2019",
    "terms":        "* Aplican"
}
  ]

Ya consulte de varias formas pero no logro cumplir mi objetivo, que idea me pueden dar chicos?

Muchas gracias por la ayuda