Можно ли получить номер объекта из цикла for()?

Question

[RushV]

Здравствуйте!
Даже не знаю как правильно сформулировать вопрос.
Например есть 4 параграфа тег переберем в цикле for.

<p>текст 1</p>
<p>текст 2</p>
<p>текст 3</p>
<p>текст 4</p>

Можно ли получить при клике по объекту свой порядковый номер объекта в цикле for.
где то надо прописать this я не знаю.
Или так не делают?

var docimg = $(".list img")
for(var j = 0; j < docimg.length; j++){
		docimg.get(j);
	}
	var r = $(".list img").click(function(){
		alert(j);
	});

Answer 1

[Дмитрий]

let items = document.querySelectorAll('p');

for(let i = 0; i < items.length; i++){
		items[i].addEventListener('click', function(){
    	alert(i);
    });
}

Answer 2

[Stalker_RED]

let j вместо var j

Comments

[RushV]

а почему let а не var использовать ?

[Stalker_RED]

RushV, потому что они по разному работают
https://learn.javascript.ru/let-const

[s-jet]

RushV, потому что var это архаизм

[RushV]

А почему этот код не работает в safari 5.1.7 ?
И есть решение для старых браузеров ?

[Stalker_RED]

RushV, да, можно переписать его, но сперва неплохо бы понять что вы пытались сделать вообще.

[RushV]

Задача была такая есть 6 фотографий.
После загрузки страницы по поочерёдно выводить эти картинки на страницу.
Но я как бы хочу сделать сам я учу javascript можно сказать пытаюсь научится.
Моя логика была такова что бы вывести эти фотографии поочерёдно мне надо было узнать нумерацию в цикле каждой картинке и потом как то эту нумерация вывести через таймер. Это наверное глупость полная и наверное логика по этой реализации просто бред. Я просто учусь и пытаюсь понять как это всё работает и как это реализовать.
Я не стал здесь описывать мою задачу.
Скажите вообще правильна ли моя логика по этой задачи?

[Stalker_RED]

RushV, у вас список картинок в каком виде? Выводить по таймеру, это для красоты?

[RushV]

Да для красоты.

[Stalker_RED]

RushV,

[RushV]

А можно реализовать без этого блока ?

let images = [
  'https://placeimg.com/150/100/animals',
  'https://placeimg.com/150/100/arch',
  'https://placeimg.com/150/100/nature',
  'https://placeimg.com/150/100/people',
]

Просто все картинки тег img вот так

<img src="#" />
<img src="#" />
<img src="#" />
<img src="#" />
Может ещё добавлю картинки в будущем.

[Stalker_RED]

RushV, легко:

[RushV]

Не много пока я Чайник)
Спасибо вам огромное!

[RushV]

Хотел спросить а зачем ставят точки перед этим document ?
[...document.querySelectorAll

[Stalker_RED]

RushV, чтобы превратить NodeList в Array.

Можно вместо этого использовать Array.from()
Или Array.prototype.slice.call()