JQuery 錨點點擊功能

Question

我正在嘗試一種使用 Jquery 單擊多個 div 內的錨標記的方法。

下面是我的代碼：

<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>

現在如果我做這樣的事情

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

但是使用這種方法，我還必須為iteratorDiv2 、 iteratorDiv3和iteratorDiv4編寫這個函數。 有什么方法可以從mainDiv識別錨點點擊，如下所示。 然而這並沒有奏效。

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

我只是想防止重復編碼。 任何指導。

Answer 1

請檢查以下jsFiddle：

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

您的代碼在 Jquery 版本 1.8.3 之前工作正常。對於更高版本，請使用以下內容：

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

Answer 2

我剛剛在這里做了一些測試，似乎有效。 你可以告訴 jQuery 你的“a”到底在哪里，所以你可以嘗試這樣的事情：

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

或

$(".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)) ;
}); 

使用.parent()方法獲取您單擊的任何鏈接的父級。