JQuery锚点击功能

时间:2016-11-29 11:46:19

标签: javascript jquery jquery-ui

我正在尝试使用Jquery单击一个锚标记,该Jquery位于多个div中。

以下是我的代码:

$(".iteratorDiv1 a").live('click',function(e)
{
    alert("hey working");
}); 

现在,如果我做这样的事情

iteratorDiv2

但是使用这种方法我还必须为iteratorDiv3iteratorDiv4mainDiv编写此函数。 有什么方法可以从下面的 $(".mainDiv a").live('click',function(e) { alert("hey working"); }); 中识别出锚点击。这不起作用。

{{1}}

我只是想阻止重复编码。任何指导。

3 个答案:

答案 0 :(得分:1)

请检查以下jsFiddle:

http://jsfiddle.net/amoolya93/1xL9od85/3/

您的代码在Jquery版本1.8.3之前正常工作。对于更高版本,请使用以下内容:

         $('.mainDiv a').on('click',function(e)
             {    alert("hey working");
         });

答案 1 :(得分:0)

我刚刚在这里做了一些测试,似乎工作了。 你可能会告诉jQuery你的“a”究竟在哪里,所以你可以尝试这样的事情:

$(".mainDiv div > a").on("click", function () {
    alert("Hey it's working");
});

$(".mainDiv a").on("click", function () {
    alert("Hey it's working");
});

答案 2 :(得分:-1)

$("a").on('click',function(e)
{
    var parent = $(this).parent();
    alert(parent.attr(class)) ;
}); 

使用.parent()方法获取您点击的任何链接的父级。