获取最近点击链接

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]），以获取号码