獲取最近點擊鏈接

Question

的條款ArticleID我有這樣的：

<a href="#" id="article-2341234" class="article-link">click to see article</a> 
<div id="article-body-2341234" style="display:none;"> ... 
... 
... 
</div> 

現在我想做到這一點：從的標識

1. 防止默認
2. GET條款ArticleID '2341234'鏈接只需點擊
3. 隱藏鏈接並顯示下面的文章

我也想捕獲變量中最近點擊的鏈接，因爲我會在點擊事件中多次引用它，並且我想要有效。

我有這個至今：

$(".article-link").bind("click", function(e) { 

e.preventDefault(); 
var articleId = ?????; 

$("#article-link-" + articleId).hide(); 
$("#article-body-" + articleId).show(); 


}); 

我需要一個通用的功能，將得到元素的ID的「條款ArticleID」，我怎麼能做到這一點？

我怎麼能存儲在一個變量的最近點擊鏈接，這樣我可以再次提及它。它是：

$(this)？

Answer 1

最簡單的方法就是簡單地做一個replace()this.id抓住你的文章ID。

$(".article-link").bind("click", function(e) { 
    e.preventDefault(); 
    var articleId = this.id.replace("article-link-", ""); 
    $(this).hide(); 
    $("#article-body-" + articleId).show(); 
}); 

旁註，你可以做$(this).hide()而不是再次查詢DOM作爲this將參考的DOM元素點擊。

Code example on jsfiddle

Answer 2

此將參考當前點擊的元素，所以可以使用例如正則表達式（this.id.match（/ \ d + $ /）[0]），以獲取號碼