Получить значения строки и столбца таблицы по нажатию.
Есть функция, которая рисует таблицу, до загрузки страницы. При нажатии на ячейке не рабоатывает обработчик, не могу получить
значение столбца и строчки.
<html>
<head>
<script src="jquery-1.11.1.min.js"></script>
<script>
function load()
{
loc="<table border>"
for(i=0;i<3;i++)
{
for(j=0;j<3;j++)
loc+="<td id='man"+i+j+"'> </td>"
loc+="<tr/>"
}
loc+="</table>"
}
$(document).ready(function(){
$("td").click(function()
{
alert('????')
idi=$(this).attr("id")
one=parseInt(idi[3])
two=parseInt(idi[4])
alert('one='+one)
alert('two'+two)
});
})
</script>
</head>
<body onload="load()">
<div id="target">
</div>
</body>
</html>
Если же в лоб нарисовать таблицу в <body></body> все работает не понимаю почему, как исправить.
<html>
<head>
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("td").click(function()
{
idi=$(this).attr("id")
one=parseInt(idi[3])
two=parseInt(idi[4])
alert('one='+one)
alert('two'+two)
});
})
</script>
</head>
<body>
<table border width="30%" height="30%" >
<td width="10%" height="10%" id="man00"> </td>
<td width="10%" height="10%" id="man01"> </td>
<td width="10%" height="10%" id="man02"> </td>
<tr/>
<td width="10%" height="10%" id="man10"> </td>
<td width="10%" height="10%" id="man11"> </td>
<td width="10%" height="10%" id="man12"> </td>
<tr/>
<td width="10%" height="10%" id="man20"> </td>
<td width="10%" height="10%" id="man21"> </td>
<td width="10%" height="10%" id="man22"> </td>
</table>
<div id="itog1"></div>
<br/>
<div id="itog2"></div>
<bt/>
<div id="info"></div>
</body>
</html>