Javascript - Schnellste Möglichkeit, viele Listenelemente ein- und auszublenden

Während der Benutzer eine Google Map schwenkt, wird eine Liste der derzeit sichtbaren Markierungen aktualisiert. Diese Liste enthält bis zu 1000 Elemente und wird langsamer, wenn mehrere hundert Li gleichzeitig angezeigt oder ausgeblendet werden. Es ist weniger als eine halbe Sekunde, aber es wird nervig.

Ein Array (newLiList) enthält die Elemente, die jetzt sichtbar sein sollen. Ein anderes Array (currentLiList) enthält die zuvor sichtbaren Elemente. Beide Arrays enthalten die IDs der Li als Indizes.

for (var i in newLiList) {
    if (currentLiList[i] != true) {
        $("ul#theList li#"+i).show();
    }
}
for (var i in currentLiList) {
    if (newLiList[i] != true) {
        $("ul#theList li#"+i).hide();
    }
}

Gibt es einen schnelleren Weg, dies zu tun?

Antworten auf die Frage(6)

Ihre Antwort auf die Frage