Pass element into function WITHOUT anonymous function in jquery

Question

As the title, is there a way to pass an element into a function without using an anonymous function?

Or in other words:

I know I can pass element into function as follows:

function fakeFunction(elementReceived){
    elementReceived.hide();
}
$(".class-x").each(function(){
    fakeFunction($(this));
});

which is not acceptable as I am required to prevent using anonymous function due to some problem in testing.

So I write something like this:

function fakeFunction(){
    $(this).hide();
}
$(".class-x").each(fakeFunction);

This is better but the readability is decreased, as the function in the actual code is very far away from the calling line and using $(this) directly is confusing.

I was told (and was requested to investigate) that something like the following should be possible:

function fakeFunction(elementReceived){
    elementReceived.hide();
}
$(".class-x").each(fakeFunction, $(this));

but the $(this) in the above code passed the whole document instead..... What should be the proper way to write it?

If the testing process leads you to add hacks to avoid perfectly valid (and recommended) patterns with jQuery, I would suggest to also review the testing process ... — LeGEC
– LeGEC, Commented Oct 28, 2013 at 8:06
While your suggestion is good, it is not something that can be easily done in a short period of time. Changing my code will be a better option at this moment. — cytsunny
– cytsunny, Commented Oct 28, 2013 at 8:21

T.J. Crowder · Accepted Answer · 2013-10-28 08:01:07Z

3

If you look at the documentation for each, you'll see that the second argument to the function is the element (e.g., the same as this). So:

function fakeFunction(index, element){
    $(element).hide();
}
$(".class-x").each(fakeFunction);

(Of course, in this particular case, you could just do $(".class-x").hide();, but I assume fakeFunction actually does something else.)

answered Oct 28, 2013 at 8:01

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

cytsunny Over a year ago

While this improves readability and solve my problem..... Is there really no way to pass element directly? That second argument is actually string and still require $(element).hide(); instead of element.hide(); (but at this point, it is just my curiosity instead of a problem now)

T.J. Crowder Over a year ago

@user1273587: The second argument isn't a string, it's a DOM element. You just use $() to wrap it in a jQuery instance to get access to the jQuery stuff. You could (for instance) do element.style.display = "none"; to hide it without using jQuery.

Collectives™ on Stack Overflow

Pass element into function WITHOUT anonymous function in jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related