Alle Themen 'über die x Kategorie' ausblenden

Entwickler
11

Dies ist ein Update, das perfekt für meinen Anwendungsfall funktioniert.

Wenn Sie ein bestimmtes Thema über CSS ausblenden möchten, beim Laden der Seite und danach, wird dies funktionieren. Fügen Sie einfach Ihre Themen-IDs zur Liste der Themen-IDs hinzu:

<script>
  document.addEventListener("DOMContentLoaded", function() {
    var topicIdsToHide = ["10", "20", "30"]; // Fügen Sie hier Ihre Themen-IDs hinzu

    function hideElementsByDataTopicIds() {
      topicIdsToHide.forEach(function(id) {
        var element = document.querySelector('[data-topic-id="' + id + '"]');
        if (element) {
          element.style.display = 'none';
        }
      });
    }

    // Führen Sie die Funktion initial aus
    hideElementsByDataTopicIds();

    // Erstellen Sie einen Mutationsbeobachter, um DOM-Änderungen zu überwachen
    var observer = new MutationObserver(function(mutations) {
      mutations.forEach(function(mutation) {
        hideElementsByDataTopicIds();
      });
    });

    // Beobachten Sie das gesamte Dokument
    observer.observe(document.body, { childList: true, subtree: true });
  });
</script>