jquery - 从最近点击的链接ID获取articleID

Question

我有这个:

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

现在我想这样做:

1. 防止默认
2. 从刚刚点击的链接 ID 中获取文章 ID“2341234”
3. 隐藏链接并显示其下方的文章

我还想在变量中捕获最近点击的链接，因为我会在点击事件中多次引用它，并且我希望提高效率。

到目前为止我有这个:

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

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

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


});

我需要一个通用函数来从元素的 ID 中获取“articleid”，我该怎么做？

如何将最近单击的链接存储在变量中，以便我可以再次引用它。是吗:

$(这个) ?

Answer 1

最简单的方法是在 this.id 上执行 replace() 来获取您的文章 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