从JQuery中的定位标记获取值/相对URL？

Question

我有一些这样的HTML：

<span class="fetchSeries"><a href="sma10">10</a></span>

我想获取值“ sma10”，但是当我尝试引用它时，href属性成为绝对路径。 有没有办法获取定位标记的相对路径？

这是我要完成的工作：

1. 对于span class =“ fetchSeries”标记内的任何超链接，将自定义函数绑定到click（）。
2. 提取一个对该链接唯一的值（例如sma10）。

Answer 1

如果唯一值实际上不是href，则可以使用数据属性：

的HTML

<span class="fetchSeries"><a href="#" data-myvalue="sma10">10</a></span>

JavaSCript

$('.fetchSeries a').click(function() {
   var myval = $(this).data('myvalue');
});

文件： http ： //api.jquery.com/data

Answer 2

请参考我的答案这个stackoverflow帖子： jQuery如何触发href元素上的click事件

或使用纯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"

来自https://gist.github.com/ldong/9735bcd2d3eca8c1038b

Answer 3

使用thic 代码 ：

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

Answer 4

您可以使用getAttribute来获取href的相对值，只要href的值是相对的（如示例中所示）即可。

即document.getElementByID("theLink").getAttribute("href");