Reading; Setting; and Removing HTML Attributes
To read the href attribute of a link we might use: https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20functions/ex14.js?actionable=true The above code assumes that the anchor element has an id called buy.
We store the string in a variable called link To set this link we would do: https://raw.githubusercontent.com/finsweet/jqueryCourse/main/jquery%20functions/ex15.js?actionable=true After you run the script above click the link to see it in action!
The same function .attr() can be used to manipulate all kinds of tag attributes e.g. the src attribute in an image, The role attribute in a Webflow slider etc.
$(document).ready(function(){
XT1
});
</script>
Live demo
<style>#buy{color:#baff00;} #buy:hover{text-decoration:underline;} .highlighter{background-color: rgb(186 255 0 / 17%);}</style><div id="minidivpage" class="example-live"><h1 class="heading">This is a heading</h1><div id="popUp" class="pop-up">POP UP DIV</div><h4 class="heading-4">Categories in a webflow list:</h4><ul role="list" class="list"><li>Location</li><li>Position</li><li>Level</li></ul><h3 id="title" class="heading-3">This is a title</h3><div class="highlighter"></div><a id="buy" target="_blank" href="#">Link</a></div>
$(document).ready(function() {
XT1
});
</script>
