我有这个:
<a href="#" id="article-2341234" class="article-link">click to see article</a>
<div id="article-body-2341234" style="display:none;"> ...
...
...
</div>
现在我想这样做:
- 防止默认
- 从刚刚点击的链接 ID 中获取文章 ID“2341234”
- 隐藏链接并显示其下方的文章
我还想在变量中捕获最近点击的链接,因为我会在点击事件中多次引用它,并且我希望提高效率。
到目前为止我有这个:
$(".article-link").bind("click", function(e) {
e.preventDefault();
var articleId = ?????;
$("#article-link-" + articleId).hide();
$("#article-body-" + articleId).show();
});
我需要一个通用函数来从元素的 ID 中获取“articleid”,我该怎么做?
如何将最近单击的链接存储在变量中,以便我可以再次引用它。是吗:
$(这个)
?
最佳答案
最简单的方法是在 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 元素被点击。
关于jquery - 从最近点击的链接ID获取articleID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5756460/