Obtener el valor del H3 al pulsar sobre la imagen
Publicado por karina (1 intervención) el 04/08/2017 03:23:33
Hola! Les paso a explicar lo que intento hacer por medio de imagenes. (Es para un final de la facultad)
Estos videojuegos son LI adentro de una UL.
Cuando se toca el corazón salta un alert que dice "Se ha añadido a tu lista de deseados" y el corazón se pone en rojo. Lo importante y mi problema es lo que sigue, cuando se hace eso, yo necesito que solo agarre el NOMBRE del videojuego, que en este caso son las H3.
Este es el codigo de html de cada li:
Este es todo el codigo de jquery que es lo importante:
Lo que necesito hacer esque aca "var nombre = $('li',).text();" en lugar de que aparezca todos los li, aparezca solo el nombre de juego que se esta seleccionando. O si esta mal el código lo que necesito es eso. Todo el resto del codigo esta bien, pero la idea seria que aparezca SOLO el h3 de cada li que se toca.
Gracias! Espero que se entienda.
Estos videojuegos son LI adentro de una UL.
Cuando se toca el corazón salta un alert que dice "Se ha añadido a tu lista de deseados" y el corazón se pone en rojo. Lo importante y mi problema es lo que sigue, cuando se hace eso, yo necesito que solo agarre el NOMBRE del videojuego, que en este caso son las H3.
Este es el codigo de html de cada li:
1
2
3
4
5
6
7
8
<li data-icon="corazon">
<a href="http://store.steampowered.com/app/377160/Fallout_4/">
<img src="imagenes/1game.png" alt="fallout4">
<h3>Fall Out 4</h3>
<p>70% de descuento</p>
</a>
<a href="#">fav</a></li>
</li>
Este es todo el codigo de jquery que es lo importante:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$('#juegosofertas').on('click','li a:last-child', function(){
if($(this).css("background-color") != "rgb(255, 99, 71)"){
$(this).css("background-color", "rgb(255, 99, 71)");
}else{
$(this).css("background-color", "rgb(237, 237, 237)");
}alert('Se ha agregado a tu lista de desados');
var nombre = $('li',).text();
var nuevo_div = $('<div></div>');
var contenido ="<strong>" + nombre + "</strong>";
nuevo_div.html( contenido );
var cantidad_divs = $('#grilla > div').length;
if( cantidad_divs % 2 == 0){
nuevo_div.attr("class", "ui-block-a");
}else{
nuevo_div.attr("class", "ui-block-b");}
$('#grilla').append( nuevo_div );
$.mobile.navigate('#ofertas');
return false;
});
Lo que necesito hacer esque aca "var nombre = $('li',).text();" en lugar de que aparezca todos los li, aparezca solo el nombre de juego que se esta seleccionando. O si esta mal el código lo que necesito es eso. Todo el resto del codigo esta bien, pero la idea seria que aparezca SOLO el h3 de cada li que se toca.
Gracias! Espero que se entienda.
Valora esta pregunta
0
