jQuery将N中一定数量的元素作为目标

使用jQuery，我试图从元素集合中选择一定数量的元素。我只想选择和修改我定义的元素数量。所以在我下面的代码中，我有一堆关于隐藏类的li。我只想从前5个元素中删除隐藏类。我将在下面发布我的代码，它应该是有意义的。到现在为止，我正在使用一个循环来遍历前5个。如果有改进的余地，请告诉我。谢谢

('a.moreLink').live('click', function() {
    var $ul = $(this).parent().prev();
    var $li = $ul.children('li.hidden').first();
    for(i=0;i<5;i++) {
        $li.removeClass('hidden');
        $li = $li.next('li');
    }
    if($ul.children("li.hidden").size() == 0) {
        $(this).text('Go to the full site to see more').attr('href', '#');
    }
});

<ul id="EventsList">
    <li></li>
    ....(4 more non hidden)
    <li class='hidden></li>
    ....(N more hidden)
</ul>
<div>
    <a href='#' id='MoreEvents' class='moreLink'>More Events</a>
</div>

（'a.moreLink'）.live（'click'，function（））{
var$ul=$（this.parent（）.prev（）；
var$li=$ul.children（'li.hidden'）.first（）；
对于（i=0；i像

var count = 0;
$('li.hidden').each(function(){
    $(this).removeClass('hidden');
    count++;
    if(count >= 5)
        return false; //this breaks out of the .each()
});

slice（）
，
：lt（）
，
：gt（）
等等，他们都做过这种事情，并且都在jQuery网站上有很好的文档记录？
$（'a.moreLink.hidden:lt（5）'）。removeClass（'hidden'）
（或一些传真）
$(document).on('click', 'a.moreLink', function() {
    var $ul = $(this).parent().prev();
        $ul.children('li.hidden').slice(0,5).removeClass('hidden');

    if ($ul.children("li.hidden").length) {
        $(this).text('Go to the full site to see more').attr('href', '#');
    }
});