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
Muchas gracias por la ayuda
Muchas gracias por la ayuda
Muchas gracias por la ayuda
Muchas gracias por la ayuda
Muchas gracias por la ayuda (perdón tantas veces este texto pero no me deja publicar)