hola gente del foro
tengo este problema
cargo un pagina con load y la pongo dentro del div con id "comparativa"
que está vacio
la pagina es una tabla con datos (comparativos que varian segun la seleccion del usaurio) dentro de ese div
hasta acá perfecto
Código HTML:
<div id="comparativa"></div>
el load llamó a una página que cargó dentro de comparativa una simple tabla
Código HTML:
<table>
<tr>
<td></td>
<td>1 Color</td>
<td>2 Colores</td>
</tr>
<tr>
<td>1 cara</td>
<td opcion="1">$4.75</td>
<td opcion="2">$5.75</td>
</tr>
<tr>
<td>2 Caras</td>
<td opcion="3">$6.75</td>
<td opcion="3">$7.75</td>
</tr>
</table>
lo que quiero hacer es que cada vez que el usuario presiona sobre un "<td>" de la tabla que contenga precio detecte que "<td>" se está presionando
por eso le agregué el atributo "opcion"
y agregué estas lineas al código de la pagina principal para probar,
pero no funciona
Código HTML:
$('#comparativa td[opcion]').click(function(){
alert('Hice click sobre' + $(this).attr('opcion'));
});
pruebo con esto para ver si el click sobre el div lo detecta el click y sí funciona
Código HTML:
$('#comparativa').click(function(){
alert('Hice click sobre div comparativa');
});
pero necesito detectar el click sobre el td de la tabla que se cargó dentro de ese div, y no sobre el div
como podría resolverlo?
espero que me haya explicado bien
como siempre muchas gracias
saludos
gustavo