在jQuery中取消引用链接的“href”作为DOM元素

Question

  $("#my-tab-link").on("show", function(e) {
    console.log(e.target.href);
  });

这将链接的href作为字符串：

file:///...index.html?#mytab

如何访问链接所指向的DOM元素，而不仅仅是其URL？

我可以像这样在其周围徘徊：

$(".known-parent-of-target").find($(e.target).attr("href"))[0]

有更清洁的方式吗？

Answer 1

可能不是最优雅的方式，但它应该有效。如果您已经知道它是一个链接，您可以通过所有＆lt;循环（或每个）循环。 a＆gt; s找到你想要的url并在那里更改它......

$.each($(a), function(i){
  if(e.target.href == $($(a)[i]).attr("href"){
    alert("holy bananas, this is the link you want!");
  }
});

Answer 2

如果您想要找到当前页面哈希的<a>元素，例如＃的 MYTAB

$('a[href="'+window.location.hash+'"]')

或者来自string / href attrib

var url ="file:///...index.html?#mytab";
var idx = url.indexOf("#");
var hash = idx != -1 ? url.substring(idx+1) : "";
$('a[href="'+hash +'"]')

Answer 3

$($(e.target).attr("href"))[0]或没有jQuery document.getElementById(e.target.getAttribute("href").substr(1))

怎么样？

Answer 4

你可以使用getElementById：

做一点清洁

var element = document.getElementById(e.target.getAttribute("href").substr(1));