2015-01-09 188 views
-2

我正在寻找选择href的目标元素。我已经在程序上生成了指向同一页面上相应元素的链接。有什么方法可以选择链接的元素吗?jquery 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> 

对不起,如果这是有点不清楚,虽然两个最高的答案正是我所期待的。

+1

首先,你尝试过什么?更重要的是,你是什么意思?你想如何选择它们? – j08691

回答

3

使用.attr()href什么,因为它有一个哈希这就是所有你需要选择p标签与相应的id

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

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

}); 

UPDATED FIDDLE

2

这里是你想要

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

工作样本here

+1

'点击'不''onclick' ... – rfornal

+0

抱歉!修复 – nanndoj

0

添加click事件,获取散列并选择具有该id的元素的基本概念。

$("#links").on("click", "a", function(event) { 
 
    var hash = this.hash; 
 
    $(".selected").removeClass("selected"); 
 
    $(this).addClass("selected"); 
 
    $(hash).addClass("selected"); 
 
    event.preventDefault(); 
 
});
p.selected { 
 
    outline: 1px dashed black; 
 
} 
 

 
a.selected { 
 
    font-weight: bold; 
 
}
<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>