Posted in jquery
12
1:07 am, July 9, 2021

append a #link to the end of all href urls on a target

good for if you need to append target links with a # link

HTML

<h2 id="my-anchor">Bunch of Links</h2>
<ol class="bunch-of-links">
<li><a href="https://kruxor.com/view/code/mONdX/">Link One</a></li>
<li><a href="https://kruxor.com/view/code/mONdX/">Link Two</a></li>
<li><a href="https://kruxor.com/view/code/mONdX/">Link Three</a></li>
</ol>

Javascript

$(document).ready(function(){
	var qs = '#my-anchor';
	$('.bunch-of-links a').each(function() {
	    var href = $(this).attr('href');
	    if (href) {
	        href += (href.match(/\?/) ? '&' : '?') + qs;
	        $(this).attr('href', href);
	    }
	});
});

Bunch of Links

View Statistics
This Week
68
This Month
308
This Year
0

No Items Found.

Add Comment
Type in a Nick Name here
 
Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

Join me on Substack if you want me to send you a collection of the things i have done or found or read for the week. Or follow me on twitter if you prefer, i dont post much but i probably should!

❤👩‍💻🕹

Random Quote
Nothing, to my way of thinking, is a better proof of a well ordered mind than a man's ability to stop just where he is and pass some time in his own company.
Seneca