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 bees 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 acplish:

1. Bind a custom function to click() for any hyperlink within a span class="fetchSeries" tag.
2. Extract a value that is unique for that link (eg. sma10).

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 bees 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 acplish:

1. Bind a custom function to click() for any hyperlink within a span class="fetchSeries" tag.
2. Extract a value that is unique for that link (eg. sma10).

• javascript
• jquery

4 Answers 4

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');
});

Docs: http://api.jquery./data

Use thic code:

$(function(){
    var v = $('.fetchSeries a').attr('href');
    alert(v);
});

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.:3000/pathname/?search=test#hash";

parser.protocol; // => "http:"
parser.hostname; // => "example."
parser.port;     // => "3000"
parser.pathname; // => "/pathname/"
parser.search;   // => "?search=test"
parser.hash;     // => "#hash"
parser.host;     // => "example.:3000"

from https://gist.github./ldong/9735bcd2d3eca8c1038b

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.

i.e. document.getElementByID("theLink").getAttribute("href");