I have some HTML like this:
<span class="fetchSeries"><a href="sma10">10</a></span>
I want to get the value "sma10," but the href attribute becomes an absolute path when I try to reference it. Is there a way to get the relative path of the anchor tag?
Here's what I'm trying to accomplish:
If the unique value isn't really a href, you might use data attributes:
HTML
<span class="fetchSeries"><a href="#" data-myvalue="sma10">10</a></span>
JavaSCript
$('.fetchSeries a').click(function() {
var myval = $(this).data('myvalue');
});
Please refer my answer this stackoverflow post: Jquery how to trigger click event on href element
Or using pure javascript
var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";
parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port; // => "3000"
parser.pathname; // => "/pathname/"
parser.search; // => "?search=test"
parser.hash; // => "#hash"
parser.host; // => "example.com:3000"
Use thic code :
$(function(){
var v = $('.fetchSeries a').attr('href');
alert(v);
});
You could use getAttribute to get the relative value of the href as long as the value of the href is relative like in the example.
ie document.getElementByID("theLink").getAttribute("href");
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.