<a href='#' id='aId1'>1</a>
<a href='#' id='aId2'>2</a>
<a href='#' id='aId3'>3</a>
<a href='#' id='aId4'>4</a>
<a href='#' id='aId5'>5</a>
是否可以通过JQuery检查锚点是否被点击?它应该获得被点击锚点的id,如果没有点击锚点,它也应该有一个要执行的事件。
答案 0 :(得分:5)
单击锚点时会触发 ,并将元素id
存储为变量。
$("a").on("click", function (e) {
// Id of the element that was clicked
var elementId = $(this).attr("id");
});
如果要在单击锚点时阻止默认操作,请将其添加到函数末尾:
e.preventDefault(); return false;
如果您希望将锚点标记为已点击以供将来参考,请尝试以下操作:
$("a").on("click", function (e) {
// Id of the element that was clicked
var elementId = $(this).attr("id");
$(this).data("clicked", true);
});
使用jquery,检查是否已使用
单击它$(element).data("clicked") // returns True or False
如果您想收听被点击的所有内容并希望查看它是否为锚点,请尝试:
$("*").not("body").on("click", function (e) {
if ($(this).is("a")) {
// Id of the element that was clicked
var elementId = $(this).attr("id");
} else {
// An anchor was not clicked, do something else
}
});
答案 1 :(得分:0)
一种方法是在点击它们时添加一个点击的类。
$("a").click(function(){
$(this).addClass("clicked");
});
然后你就可以用$(“。clicked”)选择器做点什么。