Как хранить элементы как объекты не HTML -Элементы в jQuery?

Question

В таблице HTML у меня есть такая строка:

<tr class="csp-criterion">
    <td>Lorem ipsum</td>
    <td><input type="number"></td>
    <td class="csp-matrix-value">10</td>
    <td></td>
    <td class="csp-matrix-value">4</td>
    <td></td>
    <td class="csp-matrix-value">7</td>
    <td></td>
</tr>

Теперь я хочу получить каждый элемент с классом csp-matrix-value, чтобы позже получить доступ к тексту внутри этого элемента. Поэтому я храню элементы в такой переменной:

$ratingTds = $('tr').children('td.csp-matrix-value');

Я ожидал, что позже смогу сделать что-то вроде этого:

$ratingTds.each().text();

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

Answer 1

.each() принимает функцию в качестве параметра:

$ratingTds = $('tr').children('td.csp-matrix-value');
$ratingTds.each((_, el) => console.log($(el).text()));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr class="csp-criterion">
    <td>Lorem ipsum</td>
    <td><input type="number"></td>
    <td class="csp-matrix-value">10</td>
    <td></td>
    <td class="csp-matrix-value">4</td>
    <td></td>
    <td class="csp-matrix-value">7</td>
    <td></td>
  </tr>

</table>