#44 - Element anzeigen, wenn Attribut mit Mitglieds-ID übereinstimmt

Elemente bedingt anzeigen, wenn sie ein Attribut haben, das der ID der Mitglieder entspricht.

Bedingte Sichtbarkeit

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

14 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #44 v0.1 💙 SHOW ELEMENT IF ATTRIBUTE MATCHES MEMBER ID -->
<script>
document.addEventListener("DOMContentLoaded", function() {
  if (localStorage.getItem("_ms-mem")) {
    const memberData = JSON.parse(localStorage.getItem("_ms-mem"));
    const memberId = memberData.id;

    const elements = document.querySelectorAll("[ms-code-member-id='" + memberId + "']");
    elements.forEach(element => {
      element.style.display = "block";
    });
  }
});
</script>