Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Как посчитать только уникальные span блоки?

Тема в разделе "Свободное общение", создана пользователем Bashmak, 26 июл 2019.

26.07.19 в 18:47
26.07.19 в 19:32
1
170
0
  1. TopicStarter Overlay
    Bashmak

    PRO Users

    Регистрация:
    25 фев 2017
    Сообщения:
    642
    Лучших ответов:
    1
    Рейтинги:
    +167 / 25 / -0
    Помогите решить проблему.

    Мне нужно подсчитывать span блоки, но игнорировать одинаковые, т.е. нужно считать только уникальные.

    Есть такой код:

    Код:
    <ul class="qq-upload-list" style="display:none;">
    <li class=" qq-upload-success">
    <span class="qq-upload-file">Amazing Spider-Man ...) 003-000.jpg</span>
    <span class="qq-upload-size" style="display: inline;">2.0MB</span>
    <span class="qq-upload-failed-text">Failed</span>
    </li>
    <li class=" qq-upload-success">
    <span class="qq-upload-file">Amazing Spider-Man ...) 003-001.jpg</span>
    <span class="qq-upload-size" style="display: inline;">1.2MB</span>
    <span class="qq-upload-failed-text">Failed</span>
    </li>
    <li class=" qq-upload-success">
    <span class="qq-upload-file">Amazing Spider-Man ...) 003-002.jpg</span>
    <span class="qq-upload-size" style="display: inline;">1.0MB</span>
    <span class="qq-upload-failed-text">Failed</span>
    </li>
    <li class=" qq-upload-success">
    <span class="qq-upload-file">Amazing Spider-Man ...) 003-002.jpg</span>
    <span class="qq-upload-size" style="display: inline;">1.0MB</span>
    <span class="qq-upload-failed-text">Failed</span>
    </li>
    <li class=" qq-upload-success">
    <span class="qq-upload-file">Amazing Spider-Man ...) 003-003.jpg</span>
    <span class="qq-upload-size" style="display: inline;">1.3MB</span>
    <span class="qq-upload-failed-text">Failed</span>
    </li>
    </ul>
    Мне нужно подсчитывать span с классом qq-upload-file

    Я это делаю так:

    Код:
    <div class="countfiles"></div>
    
    <script>
    function countfiles() {
    $(".countfiles").html($(".qq-upload-list .qq-upload-file").length);
    }
    setInterval(countfiles, 1000);
    </script>
    Скрипт каждую секунду проверяет и выводит общее число блоков с классом qq-upload-file. В данном случае выводит цифру 4, так как нашел 4 блока.
    Но 2 блока имеют одинаковый текст Amazing Spider-Man ...) 003-002.jpg
    Как сделать чтобы учитывались только уникальные блоки? Т.е. нужно чтобы выдало цифру 3, а не 4.

    Пробовал использовать $.unique но не подходит, так как эти блоки не находятся в DOM, они потом появляются на странице.
     
  2. TopicStarter Overlay
    Bashmak

    PRO Users

    Регистрация:
    25 фев 2017
    Сообщения:
    642
    Лучших ответов:
    1
    Рейтинги:
    +167 / 25 / -0
    Вопрос решен. Удалите тему.
     
Похожие темы
  1. OwNeR
    Ответов:
    11
    Просмотров:
    750
  2. Rockem
    Ответов:
    51
    Просмотров:
    4.442
  3. Winston?!
    Ответов:
    5
    Просмотров:
    833
  4. Roman.U
    Ответов:
    5
    Просмотров:
    363
  5. D-Base
    Ответов:
    114
    Просмотров:
    7.467
Загрузка...
Яндекс.Метрика