Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Узнать номер строки таблицы по клику (https://javascript.ru/forum/jquery/23122-uznat-nomer-stroki-tablicy-po-kliku.html)

antserg 13.11.2011 01:47

Узнать номер строки таблицы по клику
 
Есть обычная таблица, 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 было содержимое первого столбца той строки, по которой был клик?

walik 13.11.2011 01:52

<script type="text/javascript">
  $(document).ready(function(){
    $('table tr').click(function(){
      alert($('td:first-child', this).html());
    });
  });
</script>

antserg 13.11.2011 01:56

walik
Спасибо.

ksa 13.11.2011 10:04

Предложу еще такой вариант... :)

<script type="text/javascript">
  $(document).ready(function(){
    $('table tr').click(function(){
      alert($(this.cells[0]).text());
    });
  });
</script>

Aetae 13.11.2011 12:46

Есть же нативный tr.rowIndex ...
<script type="text/javascript">
  $(document).ready(function(){
    $('tr').click(function(){
      alert(this.rowIndex+1);
    });
  });
</script>

Ну и jq нахрен тут не нужно, ели конечно не используется по полной для чего-нит ещё.


Часовой пояс GMT +3, время: 10:32.