Проблема скрытия изображения с использованием jQuery и IE8

Question

У меня есть следующий HTML-код:

  <td class="myclass" width="1%" align="right" ><a href="javascript:goToNav();" id="top"><img id="navup" src="#topofpage.png" alt="Back to Navigation"/></a></td>

Я использую IE8 и, основываясь на условии, я действительно хочу скрыть все вхождения этого изображения (всего 8 отображено на странице), но, исходя из моего кода, оно скрывает только одно вхождение.

Мой код:

  if ($("#FIELD").val() == ""){
    $('img#navup').each(function() {
      $(this).hide();
    });
  }

Любая помощь будет принята с благодарностью.

Спасибо.

Answer 1

идентификаторы должны быть уникальными для каждой страницы.Попробуйте вместо этого установить class="navup" и использовать селектор $('img.navup').