如何在javascript中获取django模板的{{variable}}的值？

Question

我现在从views.py 获取 img 的值，我希望当用户单击图像时，它应该以模式打开。

1. index.html图片部分：

<!-- Card body -->
<div class="card-body">
   {% for val in data.list %}
   <img src="{{val.Img}}" class="img-thumbnail pop_img">   -------here i'm getting the image properly and the path is showing correctly
   {% endfor %}
</div>

1. index.html模态部分

<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <img src="" class="imagepreview" style="width: 100%;" >
      </div>
    </div>
  </div>
</div>

1. main.js

$(function() {
        $('.pop_img').on('click', function() {
            var img = $(this).find('img').attr('src')
            console.log(img)         -----------------but on console it prints : undefined 
            $('.imagepreview').attr('src', $(this).find('img').attr('src'));
            $('#imagemodal').modal('show');
        });
});

在检查元素时，它会在模态框内显示<img src(unknown)>。

如何获取 src attr 值的值并将其放在 modal 上？

Answer 1

这一行的 .find() 函数返回类中的所有 img 元素，var img = $(this).find('img').attr('src')。这个问题可以通过使用 .first() 来解决。所以var img = $(this).first('img').attr('src')