Как реализовать цикл?

Question

[ma3xak]

Допустим есть html элемент с циклом django шаблонов из этого цикла генерируется html

{% for faqed in faqOne %}
 <a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
 <p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>
 {% endfor %}

Нужен цикл который каждому новому элементу, data-spoiler-link="1" будет прибавлять +1

Comments

[Дмитрий Демиденко]

Я не знаток django, он вроде как написан на php. Откуда Вы взяли структуру for in для обхода массива?

[ma3xak]

Дмитрий Демиденко, Из базы, мне же надо прибавлять к значению html элемента

[Дмитрий Демиденко]

ma3xak, Я уже понял, это просто такой синтаксис в django.
Попробуйте посмотреть ключи массива. Если они идут от нуля и по порядку, можно использовать ключ/индекс элемента и прибавлять к нему 1

[Павел Корнилов]

Судя по тегам вопроса, код должен реструктуризироваться на клиенте?
Тогда примерно так:

<a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
 <p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>

<script>
	document.querySelectorAll('[data-spoiler-link]').forEach(function(i, ind) {
		i.setAttribute("data-spoiler-link", ind+1);
	});
</script>

[ma3xak]

KorniloFF,
Спасибо это работает, но я не верно задал вопрос

<div class="spoler">
 				<a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
 				<p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>
 			</div>

А в следующем контейнере spoler надо что бы так наращивал

<div class="spoler">
 				<a href="#" class="spoiler" data-spoiler-link="2" >{{ faqed.title }}</a>
 				<p class="spoiler-content" data-spoiler-link="2" >{{ faqed.text }}</p>
 			</div>

[Павел Корнилов]

ma3xak, я сейчас не регулярно в сети. Как отличить ваши контейнеры? У всех класс spoler ?
тогда:

<div class="spoler">
	<a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
	<p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>
</div>

<div class="spoler">
	<a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
	<p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>
</div>

<script>
	var cont = document.querySelectorAll('.spoler');
	cont.forEach(function(i0, ind) {
		i0.querySelectorAll('[data-spoiler-link]').forEach(function(i) {
			i.setAttribute("data-spoiler-link", ind+1);
		})
	});
</script>

[ma3xak]

KorniloFF, Работает благодарю)!

Answer 1

[Павел Корнилов]

<div class="spoler">
  <a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
  <p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>
</div>

<div class="spoler">
  <a href="#" class="spoiler" data-spoiler-link="1" >{{ faqed.title }}</a>
  <p class="spoiler-content" data-spoiler-link="1" >{{ faqed.text }}</p>
</div>

<script>
  var cont = document.querySelectorAll('.spoler');
  cont.forEach(function(i0, ind) {
    i0.querySelectorAll('[data-spoiler-link]').forEach(function(i) {
      i.setAttribute("data-spoiler-link", ind+1);
    })
  });
</script>

Answer 2

[Дмитрий Демиденко]

Попробуйте так
<?php $counter = 1; ?>
{% for faqed in faqOne %}
{{ faqed.title }}
{{ faqed.text }}
<?php $counter++; ?>
{% endfor %}

Comments

[ma3xak]

Тут такое дело сайт то не на Php а на python, django