Получить оригинальный элемент, используя .on

Question

Получить оригинальный элемент, используя .on

0

При использовании делегирования событий 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>

CodingIntrigue 10 нояб. 2013, в 09:27

Источник

0

$ (Это) .parent ( 'DIV')
Pankaj Kathiriya 10 нояб. 2013, в 08:17
0

Это просто его родитель.
Derek 朕會功夫 10 нояб. 2013, в 08:17
0

.parent будет означать, что запрос должен найти его, и он неэффективен. Он хранится уже в соответствии с ответом Кристофера. Пример выше это как раз то. Это может быть легко вложено несколько раз, когда родитель не может быть осуществим
CodingIntrigue 10 нояб. 2013, в 08:20

Показать ещё 1 комментарий

Теги:

javascript

jquery

3 ответа

0

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

см. ссылки на репетиторы:

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

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

BinaryMan 10 нояб. 2013, в 06:56

0

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

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

Hiral 10 нояб. 2013, в 05:24

0

Код является лишь примером. .item может быть вложен в несколько уровней. Я не хочу найти его, если у меня есть ссылка на него
CodingIntrigue 10 нояб. 2013, в 08:22
0

@RGraham Я обновил ответ.
Hiral 10 нояб. 2013, в 08:32

Ещё вопросы

.parent будет означать, что запрос должен найти его, и он неэффективен. Он хранится уже в соответствии с ответом Кристофера. Пример выше это как раз то. Это может быть легко вложено несколько раз, когда родитель не может быть осуществим
Код является лишь примером. .item может быть вложен в несколько уровней. Я не хочу найти его, если у меня есть ссылка на него

Nope · Accepted Answer · 2013-11-10T06-55-00.000Z

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

Если вы хотите узнать, к какому элементу присоединяется событие, вы можете использовать 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, см. Разницу в журнале консоли)