saeed rajabi Ответов: 2

Как исчезать один за другим в jquery?

привет каждому телу
я генерирую некоторые div в цикле на c# (я не знаю количество div,потому что я извлекаю их из БД) и ставлю для них динамические имена,такие как show1, show2, show3 ... показать Н.
и я поставил этот скрипт для всех них = & gt; display:none;
и я не знаю, как понять, сколько у меня "шоу Х"! => Для условия конечного цикла

я хочу, чтобы они исчезли один за другим совсем не в jquery.
пожалуйста, помогите мне.

Что я уже пробовал:

$(документ).готово(функция () {
$('#show1'). fadeIn();
});

Suvendu Shekhar Giri

Только примерное представление.
Назначьте им один и тот же класс css и выполняйте итерации между ними на основе этого класса.
Для получения дополнительной информации найдите в google способ итерации между элементами с одним и тем же классом.

2 Ответов

Рейтинг:
8

Karthik_Mahalingam

попробуйте использовать Метод Window setInterval() [^] чтобы увидеть переход в режиме реального времени ( загрузка одна за другой ) 

<html>
<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <style>
        .divclass {
            height: 100px;
            width: 200px;
            background-color: green;
            border: 5px solid red;
            display: none;
        }
    </style>

    <script>
        $(document).ready(function () {
            var divs = $("[id^=show]");
            var i = 0;
            var loop = window.setInterval(function () {
                i++;
                $(divs[i]).fadeIn(1000);
                if (i == divs.length)
                    clearInterval(loop);
            }, 1000);
        });

    </script> 
</head>
<body>

    <div id="show1" class="divclass">show1</div> <br />
    <div id="show2" class="divclass">show2</div> <br />
    <div id="show3" class="divclass">show3</div> <br />
    <div id="show4" class="divclass">show4</div> <br />
    <div id="show5" class="divclass">show5</div> <br /> 

</body>
</html>


демонстрация: Edit fiddle - JSFiddle[^]

Рейтинг:
13

F-ES Sitecore 

$(document).ready(function () {
    // id^=show means all ids that begin with show
    $("[id^=show]").each(function() {
        $(this).fadeIn();
    });
});