How to remove the image attribute?

Question

I have a img within a a and I want to remove the image, but I can’t. I’m using jQuery.

HTML:

<a href="https://api.whatsapp.com/send?phone=55" class="whats-footer" target="_blank"><img src="imagens/whats.png" class="img-js" alt=""></a>

JAVASCRIPT:

<script type="text/javascript">
        $(window).scroll(function() {
            if ($(this).scrollTop() > 50) {
                $('a').removeClass('whats-footer');
                $('a').removeAttr('img');
            }
        });
 </script>

Answer 1

Face to img is not a link attribute, but an element within the link

To remove the image that is on the link you can simply do $('a > img').remove();

<a class="whats-footer" target="_blank">
<img src="https://unsplash.it/200/200" class="img-js" alt="">
</a>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
    $(window).scroll(function() {
        if ($(this).scrollTop() > 50) {
            $('a').removeClass('whats-footer');
            $('a > img').remove();
        }
    });
</script>

Answer 2

You can use the .remove(); in this way:

$(".img-js").remove();

Jquery Remove() and Empty()

In the example I used the classe from the image to the selection, since it did not have a ID, but it is recommended to use the ID, because if you have several images of that class, they will all be removed.

Answer 3

You don’t have access to HTML ? why not just delete img ?

Anyway, you can take it with CSS

a[href='https://api.whatsapp.com/send?phone=55'] img {
     display:none;
}