Узнать номер строки таблицы по клику
Есть обычная таблица, 2 столбца, в первом столбце в качестве содержимого порядковый номер строки таблицы:
<table>
<tr>
<td>1</td>
<td>ааа</td>
</tr>
<tr>
<td>2</td>
<td>ввв</td>
</tr>
<tr>
<td>3</td>
<td>ддд</td>
</tr>
<tr>
<td>4</td>
<td>жжж</td>
</tr>
<tr>
<td>5</td>
<td>иии</td>
</tr>
<tr>
<td>6</td>
<td>ллл</td>
</tr>
</table>
Нужно, чтобы при клике по строке в alert() был порядковый номер строки, по которой был клик. Например, если написать так:
<script type="text/javascript">
$(document).ready(function(){
$('table tr').click(function(){
alert($('table tr:eq(1) td:first-child').html());
});
});
</script>
то в alert() будет число 2, так как указан eq(1). Что-то совсем тяжело мне дается jQuery... Подскажите, пожалуйста, как сделать, чтобы в alert было содержимое первого столбца той строки, по которой был клик? |
<script type="text/javascript">
$(document).ready(function(){
$('table tr').click(function(){
alert($('td:first-child', this).html());
});
});
</script>
|
walik
Спасибо. |
Предложу еще такой вариант... :)
<script type="text/javascript">
$(document).ready(function(){
$('table tr').click(function(){
alert($(this.cells[0]).text());
});
});
</script>
|
Есть же нативный tr.rowIndex ...
<script type="text/javascript">
$(document).ready(function(){
$('tr').click(function(){
alert(this.rowIndex+1);
});
});
</script>
Ну и jq нахрен тут не нужно, ели конечно не используется по полной для чего-нит ещё. |
| Часовой пояс GMT +3, время: 04:20. |