我如何获得图像？ attr JQuery

Question

我一直在尝试使用JQuery获取图像src，但仍然没有发生...

$(document).ready(function(){

var modall = $(".myModal");
var img = $(".myImg");
var modalImg = $(".img01");
var captionText = $(".caption");
var span = $(".close-img");

    img.click(function(){
        modall.css( 'display', 'block' );
        modalImg.attr( 'src' );
        captionText.attr( 'alt' );
    });

    span.click(function(){
      modall.css( 'display', 'none' );
    });

}）;

这是我试图在“ myImg”图像上获取“ src”和“ alt”的代码。

        <img class="myImg" src="<?php print $row['simg5']; ?>" alt="<?php print $row['title']; ?>" width="300" height="200" />
    <div class="image myModal">
        <span class="close-img">&times;</span>
        <img class="image-content img01" >
        <div class="caption"></div>
    </div>

这是我嵌入SQL映像本身的代码。

如何将“ src”带到“ MyImg”并获取图像？

谢谢 ！

Answer 1

您实际上并没有使用以下几行设置值：

modalImg.attr( 'src' );
captionText.attr( 'alt' );

您需要传递您想要将该属性更改为的值，否则您只需返回该属性的当前值即可。

您需要像这样更改此块，以传递单击的img的src / alt：

img.click(function(){
    modall.css( 'display', 'block' );
    modalImg.attr('src', $(this).attr('src'));
    captionText.attr('alt', $(this).attr('alt'));
});

有关更多详细信息，请参见此处： http : //api.jquery.com/attr/

希望能有所帮助。