Accessing a javascript object with jQuery

Question

After creating an object with JavaScript I am looking to access it with jQuery to manipulate it. Here is some code to make things clearer:

ObjectFunction = function(content) {
  this.content = content
}

ObjectFunction.prototype = {
   showobject : { return this.appendTo(document.body)}
}

obj = New ObjectFunction()

What I would like to do is as follows, but the syntax is wrong:

$(obj).css{(background:'red')}

This doesn't work. If I create a function in prototype, which would look something like this, it works:

ObjectFunction.prototype = {
 showobject :  { return this.appendTo(document.body)},
 objectmodify: { return this.css{(background:'red')}}
}

// then call something like 
obj.objectmodify()

Is there any way to avoid this ugly code for a direct jQuery function applied on the object?

please format your code as such, it's more readable that way. — Sietse
– Sietse, Commented Jan 5, 2010 at 9:59
Capital N for New should not work. On what browser did it work for you? — slebetman
– slebetman, Commented Jan 5, 2010 at 10:03
Also, in what browser did calling return outside of function scope works? — slebetman
– slebetman, Commented Jan 5, 2010 at 10:05
Please provide the most correct working copy you have. It's hard to guess which part of the code is really wrong if there are deliberate or accidental copy/paste errors in it. — slebetman
– slebetman, Commented Jan 5, 2010 at 10:10

Jamiec · Accepted Answer · 2010-01-05 10:05:59Z

1

$(obj).css{(background:'red')}

The syntax of this is wrong, you have the parenthesis and squigly's the wrong way round - it should be

$(obj).css({background:'red'});

answered Jan 5, 2010 at 10:05

Jamiec

136k15 gold badges143 silver badges202 bronze badges

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

Comments

salmane · Accepted Answer · 2010-01-05 13:40:10Z

1

I figured out the answer. as always it was simpler than i thought.

the dom element created is referenced as a property of the javascript object. which can be accessed in this case ( see the code above ) by obj.content so in the is case $(obj.content).css({background:'red'}). works :) I hope this helps someone out there :)

answered Jan 5, 2010 at 13:40

salmane

4,84713 gold badges50 silver badges61 bronze badges

Comments

Newbie · Accepted Answer · 2010-01-05 10:08:26Z

0

I think you have to write:

$(obj).css("background","red");

or

$(obj).attr('style', 'background:red');

edited Jan 5, 2010 at 10:08

answered Jan 5, 2010 at 10:00

Newbie

1,7145 gold badges29 silver badges41 bronze badges

7 Comments

slebetman Over a year ago

That does not make sense in javascript. Should be: $(obj).css({'background':'red'}). jQuery is a javascript library, the language is STILL javascript.

Dominic Rodger Over a year ago

@slebetman - that broken syntax is in the original question - looks like an inadvertent copy-paste to me.

salmane Over a year ago

i tried that but it didnt work. if i run $(obj).size() the result is 1 but somehow i dont see the effect on the object

salmane Over a year ago

the code is not an exact copy of what i have so the capital letters and other obvious mistakes can be ignored. the code works fine except for the jquery call to the object .

slebetman Over a year ago

Yeah, this question is borken somehow (note the bork). Applying DOM manipulations, which is what jQuery essentially wraps, to a non-DOM object doesn't make a shred of sense. I suspect there is a deeper question about the understanding of javascript that the OP should really be asking. Perhaps the function should return a DOM object but the OP doesn't know how to do it?

|

Collectives™ on Stack Overflow

Accessing a javascript object with jQuery

3 Answers 3

Comments

Comments

7 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

7 Comments

Related