Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

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

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

Discussion in 'Свободное общение' started by Bashmak, Jul 26, 2019.

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

    PRO Users

    Joined:
    Feb 25, 2017
    Messages:
    642
    Best Answers:
    1
    Ratings:
    +168 / 25 / -0
    Помогите решить проблему.

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

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

    Code:
    <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

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

    Code:
    <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

    Joined:
    Feb 25, 2017
    Messages:
    642
    Best Answers:
    1
    Ratings:
    +168 / 25 / -0
    Вопрос решен. Удалите тему.
     
Яндекс.Метрика