JQuery: use "name" as img "src"

Question

my question: I have an img tag

<img class="myclassname" src="1.jpg" name="2.jpg">

I would like to change the img source (currently 1.jpg) to the one I wrote in the "name" attribute (2.jpg) using jquery.

why doesn't it work?

$(".myclassname").attr("src", $(this).attr("name"));

thanks for any help! hails mafka

(ps: the script is of course more complicated, but this is the problem I'm stuck with)

+2

user173163 14 Sep 09 at 14:03

4 answers

Daniel Sloof · Answer 1 · 2009-09-14T14:08:05+0000

You will need to iterate over all tags with this class name, since $ (this) is unknown in this context.

Try something like:

$(".myclassname").each(function() {
    $(this).attr("src", $(this).attr("name"));
});

aviraldg · Answer 2 · 2009-09-14T14:09:30+0000

$(".myclassname").each(function (){
$(this).attr("src",$(this).attr("name"));
});

The problem with your code is that jQuery doesn't know what "this" is in this context.

Fenton · Answer 3 · 2009-09-14T14:08:06+0000

Hope this helps ...

        $(".test").each(function() {
            $(this).attr("src", $(this).attr("name"));
            alert($(this).attr("src"));
        });

GvS · Answer 4 · 2009-09-14T14:09:44+0000

Store the reference to myclassname in a variable. Let's make your script more readable:

var _myClassname = $(".myclassname");
_myClassname.attr("src", _myClassname.attr("name"));