Селекторы #id не работают должным образом в jQuery и JS

Question

<tfoot>
  <tr>
    <th colspan="2" style="text-align:right" rowspan="1">Total:</th>
    <th id="pktamt" style="text-align:right" class="right_align" rowspan="1" colspan="1">4200.00</th>
  </tr>
  <tr>
    <th colspan="2" style="text-align:right" rowspan="1">Weight :</th>
    <th id="pktwt" style="text-align:right" rowspan="1" colspan="1">21.21</th>
  </tr>
</tfoot>

Необходимо прочитать значения 4200.00 и 21.21 с идентификаторами pktamt и pktwt соответственно.

Пробовал следующее:

var amt = $("#pktamt").text();  // Notworking
var amt = document.getElementById("pktamt").innerText;  // Notworking

Заранее спасибо за помощь новичку ie ..

Answer 1

Убедитесь, что ваш <tfoot> является прямым потомком тега <table>. Элемент <tfoot> не будет анализироваться DOM, если он не находится внутри тега

EDIT

Я добавил скрипт содержит рабочую разметку. Jquery 1,12

В браузере после открытия страницы html вы можете щелкнуть правой кнопкой мыши в любой области и выбрать опцию « Проверить », там вы найдете вкладку с надписью « Console «вы всегда можете протестировать там свои скрипты и проверить наличие ошибок.

Тег Scripts для чтения элементов в DOM должен быть после того, как элемент был отрисован» в конце тега body - это хорошо место для них »