Как получить доступ к HTML-объектам ячеек (получить и установить значения ячеек)

Question

Я установил HTML-таблицу, заполненную 16 строками, и все ячейки заполнены образцами данных.Я пытаюсь получить доступ к ячейкам таблицы как объектам через событие jQuery onclick, но безуспешно.

Я просмотрел все возможные ответы в StackOverflow, но они работают для меня.

$("th #trash").click(function(event) {
   var tableRow = $('#tblStOrders').find('tbody').find('tr');

   //This displays 16, which is correct
   console.log(tableRow.length);

   //This loop shows the i index correctly but cell values display as undefined.

   for (var i = 0; i < tableRow.length; i++) {
     var cellValue = $(tableRow[i]).find('td:eq(0)').html();
     console.log(i, cellValue);
   }
   event.stopPropagation();
});

Answer 1

Ваш код работает отлично. См. Ниже, он возвращает все 16 значений ячеек.

var tableRow = $('#tblStOrders').find('tbody').find('tr');

   //This displays 16, which is correct
   console.log(tableRow.length);

   //This loop shows the i index correctly but cell values display as undefined.

   for (var i = 0; i < tableRow.length; i++) {
     var cellValue = $(tableRow[i]).find('td:eq(0)').html();
     console.log(i, cellValue);
   }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tblStOrders">
    <tbody>
    <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>
    <tr><td>7</td><td></td></tr>
    <tr><td>8</td><td></td></tr>
    <tr><td>9</td><td></td></tr>
    <tr><td>10</td><td></td></tr>
    <tr><td>11</td><td></td></tr>
    <tr><td>12</td><td></td></tr>
    <tr><td>13</td><td></td></tr>
    <tr><td>14</td><td></td></tr>
    <tr><td>15</td><td></td></tr>
    <tr><td>16</td><td></td></tr>
    </tbody>
    </table>

Единственная причина, по которой я могу вспомнить, что ваш код возвращает undefined, заключается в том, что по каким-то причинам в ваших строках отсутствуют <td></td> ячейки? Вы генерируете таблицу динамически?