WedX - журнал о программировании и компьютерных науках

Выбор последних дочерних элементов div без цикла

Вот быстрый. Я пытаюсь лучше писать селекторы для jquery, потому что, похоже, я слишком сильно полагаюсь на циклы, чтобы добиться цели.

В этом конкретном примере я хочу добавить класс «Абсолют» ко всем блокам div, имеющим класс ganttview-block-container, кроме последнего в родительском блоке ganttview-blocks.

HTML:

<div class='ganttview-blocks'>    
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div>    
</div>

<div class='ganttview-blocks'>    
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div>
 <div class='ganttview-block-container'></div> 
</div>

Javascript:

$("div.ganttview-block-container").addClass("Absolute").addClass("Opacity");

$($("div.ganttview-blocks")).each(function () {
  var thisDiv = $(this);
  thisDiv.children("div.ganttview-block-container:last").removeClass("Absolute");    
});

Мой javascript/jquery правильно выполняет эту задачу, но кажется таким неэффективным. Я уверен, что есть более элегантный способ сделать это... возможно, даже в 1 строку.

Кто-нибудь может помочь? Спасибо!

javascript jquery
16.02.2011

Ответы:


1

Я думаю, вам нужно :not с :last-child:

$('.ganttview-block-container')
  .addClass('Opacity')
  .filter(':not(:last-child)')
    .addClass('Absolute');
16.02.2011
  • Потрясающий! Это тип материала, который я искал. Мне нужно освоиться с использованием :not и узнать больше о других параметрах ':'. 16.02.2011
  • @Robodude Для начала просмотрите справку по API. 16.02.2011
  • Спасибо за ссылку! Сделаю! 16.02.2011

    • 2

    почему бы просто не сделать

    $("div.ganttview-blocks div.ganttview-block-container:last").each( ... )

    Это должно дать вам то, что вам нужно.

    16.02.2011
    Новые материалы
    Как создать диаграмму градиентной кисти с помощью D3.js
    Резюме: Из этого туториала Вы узнаете, как добавить градиентную кисть к диаграмме с областями в D3.js. Мы добавим градиент к значениям SVG и применим градиент в качестве заливки к диаграмме с..
    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Для любых предложений по сайту: [email protected]