通过类无法正常向元素添加事件侦听器

时间:2016-02-10 11:22:04

标签: javascript jquery event-listener

我有以下HTML:

enter image description here

我想为a元素添加一个事件监听器,该元素具有类k-link。我在页面上有其他几个k-link元素,所以我想要这个特定的元素。

但是,我首先尝试向k-link类添加一个事件监听器,但没有成功。当我得到这个时,我将尝试仅将事件监听器添加到这个特定的监听器。

$(document).ready(function () {
    $(".k-link").click(function () {
        alert("Handler for .k-link called.");
    });

    $(".k-link").on("click", function () {
        alert("Handler for .k-link called.");
    });
});

但这些都不起作用。我搜索并找到this question,但那里的答案对我的案例不起作用。

1 个答案:

答案 0 :(得分:1)

如果其他k-link类不是a元素:

$("a").find(".k-link").eq(0).click(function() { ... });

如果要在第二个k-link中选择li元素:

$(".k-pager-numbers").eq(0).find("li").eq(1).find(".k-link").eq(0).click(function() { ... });

如果只有一个k-link元素,您可以使用它:

$(".k-link").eq(0).click(function() { ... });

如果您有更多k-link,并希望为每个人定义点击处理程序,请使用以下内容:

$(".k-link").each(function() {
    $(this).click(function () {       
         ...
    });
});