jquery - 每个()的问题

Question

<script type="text/javascript">
    //<!--
$(document).ready(function() {

 $('ul.course-nav li a').each(function() {
  alert(5);
  if ('#' == $(this).attr('href')) {
   $(this).addClass('lessOpacity');
  }
 });

});    //-->
</script>

HTML 当然包含搜索元素:

  <ul class="course-nav">
   <li><a href="navigator.php?kam=zakladnyNahladKurzu&amp;id=1&amp;pos=2" class="next"><img src="css/images/16_arrow_right.png" alt="next"></a></li>

   <li><a href="#" class="prev"><img src="css/images/16_arrow_left.png" alt="prev"></a></li>
   <li><a href="navigator.php?kam=zakladnyNahladKurzu&amp;id=1" class="start"><img src="css/images/16_arrow_first.png" alt="start"></a></li>
  </ul>

但是它不起作用。甚至没有弹出警报。有什么建议吗？

Answer 1

你不需要each，你可以简单地这样做:

$('ul.course-nav a[href="#"]').addClass('lessOpacity');

jQuery 的隐式迭代将查找 href 设置为 # 的所有链接，并相应地添加类。确保将代码包装在准备好的处理程序中:

$(function(){
  $('ul.course-nav a[href="#"]').addClass('lessOpacity');
});