0

Есть html таблицы:

<table>
<tr class="clickN Three"><td></td><td></td></tr>
<tr class="clickN Two"><td></td><td></td></tr>
<tr class="clickN One"><td></td><td></td></tr>
</table>

В таблице нужно выбрать сразу и номер строки и номер столбца с помощью this. Когда делаю клик, чтобы было понятно, что кликнул по нужному столбцу и строку таблицы. Написал такой код:

jQuery("tr.clickN").on("click",function(){
console.log( $(this).find("td").index() )
})

Выводится ноль (рассчитывал, что выводится индекс td нужного tr). Хотелось бы, чтобы вывелся индекс и номера столбца и номера строки (чтобы определить точную область клика)

1 ответ 1

1

jQuery("td").on("click", function() {
    console.log($(this).parent().index(), $(this).index());
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<table>
  <tr class="clickN Three">
    <td>00</td>
    <td>01</td>
  </tr>
  <tr class="clickN Two">
    <td>10</td>
    <td>11</td>
  </tr>
  <tr class="clickN One">
    <td>20</td>
    <td>21</td>
  </tr>
</table>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.