Posted in jquery
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

No Items Found.

Add Comment
Type in a Nick Name here
 
Page Views

This page has been viewed 171 times.

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.

❤👩‍💻🕹

Random Quote
“We ought to take outdoor walks in order that the mind may be strengthened and refreshed by the open air and much breathing.".
Seneca