Блог

Главная - Вопросы по программированию - Как получить в Javascript конкретный объект итерации, выполненный в шаблоне Django

Как получить в Javascript конкретный объект итерации, выполненный в шаблоне Django

#javascript #django

Вопрос:

У меня есть следующая итерация в шаблоне Django. Это показывает мне группу изображений и их название.

     {% for i in blogs %}
        <div class="content__blog">
            <h4 class="content__blog__h4">{{i.title}}</h4>
            <img class="content__blog__img" src="{{i.image.url}}" onclick="clickImage()">
        </div>
    {% endfor %}

Что я хочу сделать, добавив JavaScript, так это то, что при нажатии на изображение оно будет изменяться в размерах. Но щелкнуло только изображение.
Как мне указать в файле JS, на какое изображение я нажимаю?

Ответ №1:

попробуйте что-нибудь вроде этого

 {% for i in blogs %}
    <div class="content__blog">
         <h4 class="content__blog__h4">{{i.title}}</h4>
         <img class="content__blog__img" id="{{i.id}}" src="{{i.image.url}}" onclick="clickImage(this)">
     </div>
{% endfor %}

JS

 function clickImage(e){
   // e is image element
   alert(e.id)
}
Метки: ,