Цикл по строкам и значениям предупреждений

Question

Я пытаюсь выучить jQuery ... синтаксис меня смущает. Может быть, то, что я делаю неправильно, связано с синтаксисом.

Эта строка выводит значение 36:

$(alert(('.htCore tbody tr th.ht_nestingParent').length));

Когда я проверяю в браузере и CTRL + FI только найти 6; не 36. Итак, я пытаюсь провести l oop через каждый найденный файл и вывести его на консоль или предупредить значения html; таким образом я могу попытаться выяснить, почему он говорит 36 вместо 6.

Вот мой l oop, который я сделал ... но он ничего не делает, когда я запускаю его.

$(document).ready(function() {
    $('.htCore tbody tr th.ht_nestingParent').each(function (i) {
        $val = $(this).html;
        alert($val);
    });
});

Вот мой HTML

<tbody>
    <tr>
        <th class="ht_nestingLevels ht_nestingParent"><div class="relative"><span class="rowHeader">1</span>
                <div class="ht_nestingButton ht_nestingCollapse"></div>
            </div></th>
        <td class="">7-ELEVEN</td>
        <td class="">22971161</td>
        <td class=""></td>
        <td class=""></td>
        <td class=""></td>
        <td class=""></td>
        <td class=""></td>
    </tr>
    <tr>
        <th class="ht_nestingLevels ht__highlight"><div class="relative"><span class="ht_nestingLevel_empty"></span><span class="rowHeader">2</span></div></th>
        <td class="current highlight"></td>
        <td class=""></td>
        <td class="">A</td>
        <td class="">SOUTH MOD 67 ID FACE||7-11 OKLAHOMA COLORS||95-5/8 X 96-3/4||DWG: SO1067RF.OK (102138)||</td>
        <td class="">4</td>
        <td class="">2020-02-20</td>
        <td class="">2020-01-24</td>
    </tr>
    <tr>
        <th class="ht_nestingLevels ht_nestingParent"><div class="relative"><span class="rowHeader">3</span>
                <div class="ht_nestingButton ht_nestingCollapse"></div>
            </div></th>
        <td class="">7-ELEVEN</td>
        <td class="">22983321</td>
        <td class=""></td>
        <td class=""></td>
        <td class=""></td>
        <td class=""></td>
        <td class=""></td>
    </tr>
</tbody>

Моя цель - найти эти теги с классом .ht_nestingParent, а затем добавить пустую строку таблицы над .ht_nestingParent, а затем пустую строку под последним из его детских рядов; в приведенных ниже строках отсутствует класс .ht_nestingParent.

Answer 1

Эта строка плохо написана

$(alert(('.htCore tbody tr th.ht_nestingParent').length));

Полученное вами 36 - это количество символов в этой строке .htCore tbody tr th.ht_nestingParent, потому что вы просто указываете длину строки.

Это должно дать вам правильный номер

alert($('.htCore tbody tr th.ht_nestingParent').length);