jquery href的選擇目標

-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>

對不起，如果這是有點不清楚，雖然兩個最高的答案正是我所期待的。

來源

2015-01-09 Vintage12

首先，你嘗試過什麼？更重要的是，你是什麼意思？你想如何選擇它們？ – j08691

使用.attr()搶href什麼，因爲它有一個哈希這就是所有你需要選擇p標籤與相應的id

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

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

});

UPDATED FIDDLE

來源

2015-01-09 17:49:20 jmore009

這裏是你想要

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

工作樣本here

來源

2015-01-09 17:49:04 nanndoj

'點擊'不''onclick' ... – rfornal

抱歉！修復 – nanndoj

添加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>

來源

2015-01-09 17:50:23 epascarello

jquery href的選擇目標

回答

相關問題