jquery - 突出显示所选页码的有效方法是什么？

Question

我的号码在 <li>在html页面中，数字代表页数:

<ol id="numbers">

     <li class="idx">1</li>
     <li class="idx">2</li>
      ...
      ...
     <li class="idx">n</li>                         
</ol>

页数是动态的，如何使用jQuery将点击的页码文本加粗，而其他页码文本保持默认字体样式？当选择了新页码时，是否必须使用 for 循环将未选择的页码更改为默认样式？

Answer 1

http://jsfiddle.net/qE3Qm/2/

更好的解决方案是使用带有事件页面样式的 .active css 类。并将其设置为单击:

$('#numbers li').click(function() {
    $('#numbers li.active').removeClass('active');
    $(this).addClass('active');
});