我如何获得图像？属性 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' );

您需要传入要将该属性更改为的值，否则您只需 return 该属性的当前值。

您需要像这样更改此块以传入单击的 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/

希望对您有所帮助。

我如何获得图像？属性 JQuery

How do I get the image? attr JQuery

jquery

image

src

attr

alt