我正在寻找选择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>
对不起,如果这是有点不清楚,虽然两个最高的答案正是我所期待的。
我正在寻找选择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>
对不起,如果这是有点不清楚,虽然两个最高的答案正是我所期待的。
使用.attr()
抢href
什么,因为它有一个哈希这就是所有你需要选择p
标签与相应的id
$("a").click(function(e){
e.preventDefault();
var selectedLink = $(this).attr("href");
$(selectedLink).html("SELECTED"); //just for example
});
添加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>
首先,你尝试过什么?更重要的是,你是什么意思?你想如何选择它们? – j08691