Look at the code below:

$(".head img").hover(function(){
    var id = $(this).attr('id');
    $(this).attr("src","images/"+id+"_hover.gif");
},function(){
    var id = $(this).attr('id');
    $(this).attr("src","images/"+id+".gif");
})

If I do not use the "id",just use "this.indexof()" something like this. the code below is wrong, but i want you to know what i mean:

$(".head .fl_r img").hover(function(){
    $(this).attr("src","images/"+this.indexof(in array())+"_hover.gif");
},function(){
    $(this).attr("src","images/"+this.indexof(in array())+".gif");
})

How can i do that in jquery?

Look at the code below:

$(".head img").hover(function(){
    var id = $(this).attr('id');
    $(this).attr("src","images/"+id+"_hover.gif");
},function(){
    var id = $(this).attr('id');
    $(this).attr("src","images/"+id+".gif");
})

If I do not use the "id",just use "this.indexof()" something like this. the code below is wrong, but i want you to know what i mean:

$(".head .fl_r img").hover(function(){
    $(this).attr("src","images/"+this.indexof(in array())+"_hover.gif");
},function(){
    $(this).attr("src","images/"+this.indexof(in array())+".gif");
})

How can i do that in jquery?

• javascript
• jquery
• html
• css

• Could you try to clarify what your construct this.indexOf(in array())is supposed to do? – Martin Jespersen Commented Dec 19, 2011 at 8:00

3 Answers 3

Yes, it's the .index() method:

If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.

Use it as $(this).attr("src","images/" + $(this).index() + "_hover.gif");

I'd look into the jQuery .each method, as it provides an index.

$(".head img").each(function(index, element) {
    element.hover(
        function() {
            $(this).attr("src","images/"+index+"_hover.gif");
        },
        function() {
            $(this).attr("src","images/"+index+".gif");
        }
    );
});

indexOf() is available for string objects.

If you want to use it on a attr via jquery, you should try this:

$(this).attr("src").indexOf("needle");

More info:
JavaScript indexOf()
jQuery attr()