jquery получение this

Question

Доброе время суток. Не могу получить по this ссылку на объект. Что то я совсем плох стал :) Может пора отдохнуть, где ошибка? Не могу понять, раньше то работало, где буксую?

$(document).ready(function() {
$('body').on('click', 'li', (e) => {
    let msg = 'this = ' + this + ' или ' + $(this);
    console.log(msg);
    $('#result').text(msg);
  });
});

li{
  list-style:  none;
  padding: 1rem
  }
li:nth-child(odd){
  background-color: skyblue
}

p{
  padding: 1rem;
  text-align: center;
  background-color: grey;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav>
  <ul>
    <li id="1">1</li>
    <li id="2">2</li>
    <li id="3">3</li>
    <li id="4">4</li>
  </ul>
</nav>
<p id="result"></p>

`

Возможный дубликат вопроса: Потеря контекста вызова — Grundy, May 16 '18 at 17:27

score 1 · Accepted Answer · answered May 16 '18 at 16:34

1

Не используйте стрелочную функцию, если Вам важен контекст ее вызова.

$('body').on('click', 'li', function(e) {
  let msg = 'this = ' + this + ' или ' + $(this);
  console.log(msg);
  $('#result').text(msg);
});

answered May 16 '18 at 16:34

Хм... все верно, что то я не понял с es6 нужно перечитать, решил перейти да видимо не удачно. Спасибо. Ответ приму как спадет лимит. – Ruslan Semenov May 16 '18 at 16:40

jquery получение this

1 Answers1