Javascript jQuery脚本未修改元素的src

我有一个jQuery脚本，它试图在单击页面上的

img

后修改模式窗口中某个元素的

src

。它获取单击的

img

的

src

，并尝试将该

src

复制到模式弹出窗口中的元素

我加入了一个测试

警报（源代码）在脚本中，只是为了查看它是否工作。正如预期的那样，这会向用户提示正确的
src
。不幸的是，根据Chrome浏览器中的“Elements”视图，“code>src

之后并没有被赋予元素

我试图将

src

赋予

标记中的一个元素

<div id="screenings">
    <?php

           ...
        //database connection
           ...

        while ($row = mysqli_fetch_array($result)){
        echo "<div class='img_div'>";
        echo "<img id='unique' class='modal_img img_screenings' ng-click=\"vm.openModal('custom-modal-1')\" src='images/".$row['image']."' >";
        ...
            echo "</div>";
        }
    ?>

</div>

<modal id="custom-modal-1">
    <div class="modal">
        <div class="modal-body">
                <img id="popup_img" src="#">
        </div>
    </div>
    <div class="modal-background"></div>
</modal>

<script>
    $(".img_div").on("click", function() {
        var source = $(this).find('img').attr('src');
        alert(source);
        $('#popup_img').prop('src', this.src);
    });
</script>

您是否尝试过
$（'popup#img'）.attr（'src'，this.src）相反？结果似乎相同-单击后，<代码>
中的
src
显示不变。$（'popup\u img'）.attr（'src'，source）@NanheKumar啊，就是他干的。非常感谢。注意
prop
和
src
属性。如果
src
为空，它将返回您的页面URL。
   function Directive(ModalService) {

        ...

                // move element to bottom of page (just before </body>) so it can be displayed above everything else
                element.appendTo('body');

        ...

            });

$(".img_div").on("click", function() {
    var source = $(this).find('img').attr('src');     
    $('#popup_img').attr('src', source);
});