#44 - Show Element If Attribute Matches Member ID

Conditionally show elements if they have an attribute matching the members' ID.

Conditional Visibility

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>