如何在 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>

2. 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>

3. 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 值並將其放置在模態上？

Answer 1

該行的.find() function 返回 class 中的所有 img 元素， var img = $(this).find('img').attr('src') 。 這個問題可以通過使用 .first() 來解決。 所以var img = $(this).first('img').attr('src')