Как через jquery сделать изменения текста в каждом третьем элементе?

Question

[Oslar]

Для каждого элемента <i></i> нужно заменить текст, их там примерно 100.
То есть, для каждого второго, третьего и четвертого элемента свой текст.

<p>красивые букеты из астр фото <i></i></p>
<p>аниме грустные картинки для срисовки <i></i></p>
<p>красивую открытку с добрым утром <i></i></p>
<p>картинка на рабочий стол тигр <i></i></p>
<p>красивые фото женщин и мужчин <i></i></p>
<p>бесплатно скачать обои на заставку <i></i></p>
<p>красивых девушек фото в одежде <i></i></p>

Как можно такое сделать?

Answer 1

[0xD34F]

$('p i').text((i, text) => i % 3 ? text : 'hello, world!!');

или

document.querySelectorAll('p i').forEach((n, i) => {
  n.textContent = i % 3 ? n.textContent : 'fuck the world';
});

Если у элементов p общий родитель, то можно и не смотреть на индекс, сразу нужные элементы получить:

for (const n of document.querySelectorAll('p:nth-of-type(3n + 1) i')) {
  n.innerText = 'fuck everything';
}