如何在图像 src 标签上放置文本

Question

i have problem with my code (i'm still studying js). I wanna put link from image to images src tag, I don't know how to do this can you help me?

this is my code:

$(document).ready(function(){
    $(".img").click(function(){
        $("#img_link").text($(this).attr('src'));
        $('#myModal').modal('hide') ;
    });
});

<button type="button" class="btn btn-primary hd" data-toggle="modal" data-target="#myModal">add img</button>
<img id="img_link" src=""/>

Answer 1

 $(document).ready(function(){ $(".btn").click(function(){ $("#img").attr("src", "https://i.pinimg.com/736x/ab/b6/a8/abb6a800ab2193fcedd9bda566b7402c.jpg"); $("#img_link").text($("#img").attr('src')); //$('#myModal').modal('hide'); }); });

 <div class="img_content"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-primary hd" data-toggle="modal" data- target="#myModal">add img</button> <p id="img_link"></p> <img id="img" src=""/> </div>

Answer 2

You would have to use,

$("#img_link").attr('src', 'the text you want to go into src')

As you did not provide all the code I think the text would be

$(this).text()