Search jQuery

jQuery Forum

Using jQuery

felix.hol..

How to parse $(this) into a setTimeout function?!

in Using jQuery • 5 years ago

Hi,

I've got a probably rather simple syntax question but I can't seem to find a solution.

That I want to do is a adding a class to all ing tags within a servant container. With that class on I apply a transition and the images fade it. Just that would be easy. But to have a nicer effect I want to fade the images in with a slight delay so the effect of a "wave" is created. I idea to archive that is to add the classes (that make the image appear) with a slide delay using a setTimeout function.

My problem is, that I can't find a way to parse the jQuery(this) element from the each() loop into the setTimeout function...

My current code looks like this:

jQuery('#ci-company-life-table td img').each(function(){

$this = jQuery(this);

setTimeout(function($this){

jQuery(this).addClass('ci-fade-in');

}, 100);

});

$this inside the function is always 'undefined'.

Any help would be very appreciated. Thanks in advance!

Replies(3)

jakecigar

Re: How to parse $(this) into a setTimeout function?!

5 years ago

jQuery('#ci-company-life-table td img').each(function( i ){// i is the element number

$this = jQuery(this); // save this

setTimeout(function(){ // there is no parameter

$this.addClass('ci-fade-in'); // there is no this

}, 100 * i); // use i to get the wave of changes.

});

JΛ̊KE

felix.hol..

Re: How to parse $(this) into a setTimeout function?!

5 years ago

Hi JΛ̊KE,

thanks for your answer and sorry for the long time to reply.

I tried your code but unfortunately I had to use the jQuery conflict mode and can't use $

I tried to replace your $this.addClass() with jQuery(this) .addClass() but that doesn't work.

Can you give me a hint regarding the syntax?

Thanks in advance again!

Sµßhrånil∂

Re: How to parse $(this) into a setTimeout function?!

5 years ago

$this isn't a jQuery code/syntax. Its a variable name. We use $ for easy understanding. $this easily indicate that this variable stores some jQuery object.

So you don't need to replace $this with jQuery(this).

Don't change that line, your code will work. Or if you confused with $this then use any variable name you feel comfortable with and use that variable to use addClass();

var myThis = jQuery(this);
myThis.addClass();

Top Reply

Response title

Attachments

jQuery Forum

How to parse $(this) into a setTimeout function?!

Replies(3)

Re: How to parse $(this) into a setTimeout function?!

Re: How to parse $(this) into a setTimeout function?!

Re: How to parse $(this) into a setTimeout function?!

Statistics

Tags

Actions