Удалить первые элементы оставив N кол-во элементов

Тема в разделе "JavaScript", создана пользователем Q_BASIC, 19 май 2015.

Модераторы: ZiX
  1. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    385
    Симпатии:
    254
    Здравствуйте :)

    Есть к примеру элемент:
    HTML:
    <div id="row">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
    </div>
    Надо оставить в нем 3 элемента, чтобы получилось:
    HTML:
    <div id="row">
        <div>4</div>
        <div>5</div>
        <div>6</div>
    </div>
    Надо удалить элементы в начале, оставив требуемое количество элементов.

    Как это лучше сделать?
    Желательно на jQuery
     
  2. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    379
    Симпатии:
    192
    Код:
    $(document).ready(function(){
      $('#row div:lt(3)').remove();
    });
     
    latteo, Solus_Rex, Q_BASIC и ещё 1-му нравится это.
  3. ZiX

    ZiX Коддинг, Парсинг

    Moderator
    Регистр.:
    9 июл 2011
    Сообщения:
    1.390
    Симпатии:
    580
    Код:
    $(document).ready(function(){
        var num = 3; // Сколько
        var i = 1;
        $('#row > div').each(function(){
            if (i <= num)
                $(this).remove();
    
            i++;
        });
    })
    Так например.
     
  4. Absolute

    Absolute Крокодил ;)

    Регистр.:
    9 авг 2009
    Сообщения:
    379
    Симпатии:
    192
    Кстати, есть более производительный вариант, чем через lt:
    Код:
    $(document).ready(function(){
      $('#row div').slice(0, 3).remove();
    });
    См. Перейти по ссылке jQuery.
     
    Последнее редактирование: 19 май 2015
    latteo и ZiX нравится это.