Невозможно получить содержание тр

Question

У меня есть эта функция, которая должна перебрать в TBODY и показать результаты:

changeFont = function(){ 
          console.log('inside of changeFont'); 
           $("tbody").find("tr").each(function() {                 
            var paymentDate = $(this).find('td.realPlanDate').text(); 
            var q = $(this).prev().find('td.q').text(); 
            var z = $(this).find('td.z').text(); 
            var gT = $(this).find('td.gT').text(); 
            var b = $(this).find('td.b').text(); 
            var c = $(this).prev().find('td.c').text(); 
            var e = $(this).find('td.e').text(); 
            var f = $(this).find('td.f').text(); 
            var assimilationDate = $(this).find('td.assimilationDate').text(); 
            var a = $(this).find('td.a').text(); 
            var h = $(this).find('td.h').text(); 
            var i = $(this).find('td.i').text(); 
            var eT = $(this).find('td.eT').text(); 
            var mDays = $(this).find('td.mDays').text(); 
            var nDays = $(this).find('td.nDays').text(); 
            var changeFont = $(this).find('td.changeFont').text(); 

            console.log('Changefont complete!'); 
            console.log(this.changeFont); 
            if(changeFont == '1'){ 
             console.log('inside of the if'); 
            }         
           }); 
          }; 

Вот мой HTML таблицы:

<table class="dataTable" id="repaymentPlan"> 
       <thead> 
        <tr> 
         <th> 1 </th> 
         <th> 2 </th> 
         <th>3</th> 
         <th>4</th> 
         <th style="width: 5em;">5</th> 
         <th style="width: 5em;">6</th> 
         <th style="width:5em;">7</th>      
         <th>8</th> 
         <th>-</th> 
         <th>9</th> 
         <th style="width: 5em;">10</th> 
         <th>11</th> 
         <th>12</th> 
         <th>13</th> 
         <th>-</th> 
         <th>mDays</th> 
         <th>nDays</th>  
         <th style="width: 5em;">Change font</th> 
         <th></th> 
        </tr> 
       </thead> 
       <tbody data-bind="foreach: creditCalculationDetails"> 
        <tr> 
        <td class="realPlanDate" data-bind="text: realPlanDate"></td> 
         <td class="q" data-bind="text: q"></td> 
         <td class="z" data-bind="text: z"></td> 
         <td class="gT" data-bind="text: g"></td> 
         <td class="b" data-bind="text: b" style="width: 5em;"></td> 
         <td class="c" data-bind="text: c" style="width: 5em;"></td> 
         <td class="e" data-bind="text: e" style="width: 5em;"></td> 
         <td class="f" data-bind="text: f"></td> 
         <td></td> 
         <td class="assimilationDate" data-bind="text: assimilationDate"></td> 
         <td class="a" data-bind="text: a" style="width: 5em;"></td> 
         <td class="h" data-bind="text: h"></td> 
         <td class="i" data-bind="text: i"></td> 
         <td class="eT" data-bind="text: eT"></td> 
         <td></td> 
         <td class="mDays" data-bind="text: mDays" style="width: 5em;"></td> 
         <td class="nDays" data-bind="text: nDays" style="width: 5em;"></td> 

         <td class="fT" data-bind="text: fT" style="width: 5em;"></td> 

         <td class="gT" data-bind="text: gT" style="width: 5em;"></td> 

         <td class="hT" data-bind="text: hT" style="width: 5em;"></td> 

         <td class="iT" data-bind="text: iT" style="width: 5em;"></td> 
         <td class="J" data-bind="text: J" style="width: 5em;"></td> 
         <td class="changeFont" data-bind="text: changeFont" style="width: 5em;"></td>      
         <td></td> 
        </tr> 
       </tbody> 
      </table> 

Этот выход: console.log(this.changeFont); всегда возвращается undefined

Я использовал этот код несколько месяцев назад, и он отлично работал (и все еще работает в старом проекте), но теперь я не могу определить свою ошибку. Знаю, что Мне не хватает чего-то довольно маленького, но я не могу узнать, что это.

Answer 1

Вы используете var changeFont присвоить значение, и вы регистрируете console.log(this.chengeFont);.

В изменениях есть орфографическая ошибка, и в таблице нет свойства chengeFont или changeFont.

Для того, чтобы узнать стоимость, вам необходимо ввести console.log(changeFont);.

Answer 2

Ваша функция changeFont не chengeFont, попробуйте это вместо

console.log(this.changeFont);