Question

我正在寻找选择href目标的元素。我有程序生成的链接，指向同一页面上的相应元素。有没有办法选择链接到的元素？

<a href="#ref1">1</a>
<a href="#ref2">1</a>
<a href="#ref3">1</a>

<p id="ref1>
<p id="ref2>
<p id="ref3>

很抱歉，如果这有点不清楚，尽管两个最佳答案正是我想要的。

Answer 1

使用.attr()来抓取href，因为它有一个哈希值，只需选择p标签和相应的id

$("a").click(function(e){
  e.preventDefault();

  var selectedLink = $(this).attr("href");
  $(selectedLink).html("SELECTED"); //just for example

});

UPDATED FIDDLE

Answer 2

这是你想要的

$("a").click(function() {
   var target = $(this).attr("href");
   var obj = $(target); // here is what you want
   alert(obj.attr(id));
});

工作样本here

Answer 3

添加click事件，获取哈希值以及选择具有该id的元素的基本思路。

＆＃13;

$("#links").on("click", "a", function(event) {
  var hash = this.hash;
  $(".selected").removeClass("selected");
  $(this).addClass("selected");
  $(hash).addClass("selected");
  event.preventDefault();
});

＆＃13;

p.selected {
   outline: 1px dashed black;  
}

a.selected {
   font-weight: bold;  
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="links">
<a href="#ref1">1</a>
<a href="#ref2">2</a>
<a href="#ref3">3</a>
</div>
  
<p id="ref1">a</p>
<p id="ref2">b</p>
<p id="ref3">c</p>

＆＃13;

Jquery选择href的目标

3 个答案: