Как получить объект, по которому был сделан click?

Question

[ASultonov]

Короче тут такая ситуация:

window.onload = function() {
  var steps = document.getElementsByClassName('wp__step');

  for (i = 0; i < steps.length; i++) {
    steps[i].onclick = function() {
      // Тут надо узнать id этого (steps[i]) элемента.
    };
  }
};

Как мне сотворить такое без каких либо jQuery? this не помог.

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/gCwjy

window.onload = function() {
  var steps = document.getElementsByClassName('wp__step');
  for (i = 0; i < steps.length; i++) {
    steps[i].onclick = function() {
      alert(this.getAttribute('id'));
    };
  }
};

В каком смысле this не помог? По ссылке все ок.

Comments

[ASultonov]

А нет, извиняюсь. Работает. Просто оказывается, у себя на компьютере я написал не window.onload а windows.onload : )

Answer 2

[Вадим Гук]

Думаю для начала нужно описать зачем это надо. Цель скрипта кокая?

Comments

[ASultonov]

Показывать нужный слайд в зависимости от того, какой элемент был нажат.

[Вадим Гук]

Как вариант можно экспериментировать с alert.
steps[i].onclick = function() {
alert(this);
};

Но если уже слайд то лучше не париться и найти готовый jquery плагин =)

Мне эти два нравятся и адаптировать их просто сказка:
www.owlcarousel.owlgraphic.com/demos/demos.html
sachinchoolur.github.io/lightslider/examples.html

[Вадим Гук]

И мне кажется steps.length будет возвращать одно значение (например: 20) всех объектов, находящихся на странице и цикл тут не поможет ... но без цикла this должен работать.

111
222
333
444

[Вадим Гук]

а код удалили=))