Почему event.target не совпадает с элементом на котором кликнул?

Question

[Pavel Beloborodov]

https://codepen.io/pawel-beloborodow/pen/wvKrWjo?e...

В условии если я кликаю, то должен получить элемент по которому кликаю. И я его получаю.
Но если я его сравниваю с самим собой то получаю false почему.

Comments

[Максим]

target.parentElement.classList.value так наверно

[Ярослав Иванов]

В банально посмотреть что возвращает $('.test') нельзя?)

Answer 1

[Степан Крапивин]

потому что event.target возвращает нативный HTMLElement а $('.test') это jquery-обёртка, не являющаяся DOM-элементом.

Проверяется вот так:

$(document).on("click", event => {
  let test = event.target;
  console.log(
    test instanceof HTMLElement, // true
    $('.test') instanceof HTMLElement // false
  )
});

Answer 2

[tyzberd]

https://css-tricks.com/snippets/jquery/compare-jqu...

Answer 3

[Maxim Kirshin]

Потому что:
1) Вы не задали в аргументы event
2) Вы сравниваете DOM-элемент с jquery-оберткой. А не как, вы говорите, с самим собой, это не так