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/

希望有所帮助。

我如何获得图像？ attr JQuery

1 个答案: