Inline Coding Techniques

Useful Techniques

• Use inline HTML Embeds with custom code, within collection list items to make small modifications to individual items.
• Use IIFE's to protect your global variables.
• Use self-element referencing and _closest() to identify the collection item element easily.

<br>(function() {<br>    var currentScript = document.currentScript;<br>    var link = currentScript.closest('a');<br>    if (link) {<br>        link.href = "#glossary-group-{{wf {&quot;path&quot;:&quot;name&quot;,&quot;type&quot;:&quot;PlainText&quot;\} }}";<br>    }<br>})();<br>

Resources

See an application of this technique in this cloneable;

https://webflow.com/made-in-webflow/website/glossary-headings