Получить исходный код используя .on

Question

При использовании делегирования события jQuery существует ли способ получить элемент, на который был вызван .on, а также элемент, на котором было вызвано событие?

JQuery:

$(".item").on("click","a",function() { 
    var link = $(this); // a tag 
    var itemDiv = // what? 
}); 

HTML:

<div class="item"> 
    <a href="#">Link</a> 
    <a href="#">Link</a> 
    <a href="#">Link</a> 
    <a href="#">Link</a> 
</div> 

Answer 1

... есть способ, чтобы получить элемент, на котором был назван .он как также элемент, на котором было вызвано событие?

Если вы хотите узнать, к какому элементу присоединилось событие, вы можете использовать event.delegateTarget.

Вы можете использовать его, похожее на это:

$(".item").on("click", "a", function (event) { 
    var link = $(this); // a tag 
    var itemDiv = event.delegateTarget; 
    console.log(itemDiv); 
}); 

---

DEMO - Использование event.delegateTarget

---

Я не совсем уверен, что понимаю вторую часть вопроса, но если вы хотите узнать точный элемент, инициировавший событие, вы можете использовать event.target.

Я не уверен, что это то, что вы имели в виду, но на всякий случай я добавил пример ниже.

Вы можете использовать это примерно так:

$(".item").on("click", "a", function (event) { 
    var link = $(this); // a tag 
    var initiatedBy = event.target; 
    console.log(initiatedBy); 
}); 

Это очень удобно, если у вас есть, скажем, span внутри вашей ссылки или аналогичной, и нужно, чтобы проверить точный элемент щелкнул.

Это также может пригодиться, если вы хотите присоединить событие к контейнеру, но не хотите запускать какие-либо события внутри него, если не был выбран точный элемент внутри него.

---

DEMO - Осматривая элемент, который инициировал событие (вторая ссылка содержит span, увидеть разницу в журнале консоли)

---

Answer 2

Попробуйте это:

$(".item").on("click","a",function() { 
    var link = $(this); //the element on which the event was called 
    var itemDiv = $(this).closest(".item"); //the element on which on was called 
}); 

Answer 3

вы можете использовать функцию .parent() .. ..

увидеть это tutoriels ссылки:

http://www.w3schools.com/jquery/traversing_parent.asp

http://coursesweb.net/jquery/jquery-parent-children-nth-child