jQuery run function in context of element

Question

I have some function that (for example only) looks for all divs and appends to them.

function test() {
    $('div').append(/*...*/);
}

Now I'm loading new divs via $.get function to my container element. After loading of new divs I want to call test() function in contex (limited to) my container element. I only want to append sth to new divs. I dan't want to append twice to old divs.

I don't want to edit test function if it is possible.

$('div') selects all <div> elements. You'd have to modify your selector to $(parent, 'div') and provide a parent argument to test. — Blender
– Blender, Commented Sep 11, 2012 at 22:07
you will have to edit test function if it's selector is 'div' — user400654
– user400654, Commented Sep 11, 2012 at 22:07

Shmiddty · Accepted Answer · 2012-09-12 15:12:52Z

1

function test(container) {
    $(container).find('div').append(/*...*/);
}

used like:

test("body");
test("#mainContainer");
test("ul.spiffy > li");

In short, you simply pass in the selector that you want to modify divs inside.

If you want to allow for a "default" value, you can do something like this:

function test(container) {
    if (container == undefined) container = "body";
    $(container).find('div').append(/*...*/);
}

Now, if you pass no parameter to test, it will apply the append to all div elements inside of body.

edited Sep 12, 2012 at 15:12

answered Sep 11, 2012 at 22:12

Shmiddty

13.9k1 gold badge38 silver badges52 bronze badges

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

4 Comments

Hooch Over a year ago

Is there really no way to limit it without modifying that function?

Shmiddty Over a year ago

@Hooch Correct. But doing it this way will provide flexibility.

Shmiddty Over a year ago

@Hooch tough luck? Without modifying that function, you can't change how it behaves.

Hooch Over a year ago

How can I add default argument? I mean. If I pass nothing I want it to apply to whole document. Then I'll accept answer.

Korikulum · Accepted Answer · 2012-09-11 22:07:42Z

0

$('div', 'container').append(/* code */);

answered Sep 11, 2012 at 22:07

Korikulum

2,62923 silver badges26 bronze badges

Collectives™ on Stack Overflow

jQuery run function in context of element

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related