Не могу получить значения из span'ов, когда клик происходит по дочерним элементам(span). При клике по родителю- получает, а по детям - нет
<table>
<tbody>
<? $data = 3; for($i = 0; $i <= $data; $i++) { ?>
<tr>
<td class="block_td" id="block<?=$i?>"><span id="span1">первое<?=$i?></span> <span id="span2">второе<?=$i?></span></td>
</tr>
<? } ?>
</tbody>
</table>
$('.block_td').on('click', function(event){
event = event || window.event;
if(!event.target){
event = event.srcElement;
}
number1 = $('#' + event.target.id + ' #span1').text();
number2 = $('#' + event.target.id + ' #span2').text();
console.log(number1+ ' ' + number2);
});