JQuery anchor click function

Question

I am trying a way to click a anchor tag using Jquery which is inside multiple div.

Below is my code:

<div class="mainDiv">
    <div id="secondDiv" class="check">
        <div class="iteratorDiv1" id="id1">
            <a href="url">link text</a>
        </div>
        <div class="iteratorDiv2" id="id2">
            <a href="url">link text</a>
        </div>
        <div class="iteratorDiv3" id="id3">
            <a href="url">link text</a>
        </div>
        <div class="iteratorDiv4" id="id4">
            <a href="url">link text</a>
        </div>
    </div>
</div>

Now if i do something like this

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

But using this approach i will have to write this function for iteratorDiv2 , iteratorDiv3 and iteratorDiv4 also. Is there any way i can identify the anchor click from the mainDiv something like below. This did not work though.

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

I am just trying to prevent repeatative coding. Any guidance.

Answer 1

Please check the following jsFiddle:

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

Your code works fine until Jquery version 1.8.3 .For later versions, please use the following:

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

Answer 2

I just did some test here, and seem to work. You might tell jQuery where exactly your "a" is, so you can try something like this:

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

or

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

Answer 3

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

Use .parent() method to get parent of any link you clicked.