Buen día, estoy trabajando con un calendario que se genera con Jquery entonces genera una tabla que trae unos años. Adjunto una imagen de como se ve:
La tabla se genera de manera dinámica, creando este codigo:
<div id="calendar">
<div class="calendar-header panel panel-default">
<table>
<th class="prev"><span class="glyphicon glyphicon-chevron-left"></span></th>
<th class="year-title year-neighbor2 hidden-sm hidden-xs">2016</th>
<th class="year-title year-neighbor hidden-xs">2017</th>
<th class="year-title">2018</th>
<th class="year-title year-neighbor hidden-xs">2019</th>
<th class="year-title year-neighbor2 hidden-sm hidden-xs">2020</th>
<th class="next"><span class="glyphicon glyphicon-chevron-right"></span></th>
</table>
</div>
Con esta función quiero traer ese valor, el alerta no muestra nada al momento del click:
$("table th").click(function(){
var x=($(this).html());
alert(x);
});
Pero no lo trae, quiero suponer que es porque el código no está en el documento, si no que se genera. ¿Hay alguna forma de traer ese valor? estoy usando bootstrap-years-calendar