I knew about each(), but since I had only one element it seemed...I
don't know...almost like overkill. I was hoping there would be
something like:
$('myele').do (
/** do stuff */
);
But, that having been said, I guess each() is effectively that. Maybe
it's only the semantics of it that had me looking for a different way.
Thanks for your help.
On 3/8/07, Karl Rudd <[EMAIL PROTECTED]> wrote:
> Something to also keep in mind is that most of the jQuery functions
> have an implicit "each" included with them. A jQuery "object" is
> basically an array of objects, so the methods you run on the object
> are actually run on all the objects in the array.
>
> For instance, given the follow HTML:
>
> <ul>
> <li>1</li>
> <li>2</li>
> <li>3</li>
> </ul>
>
> The following script will change the background color of all the "li"
> elements:
>
> $('li').css({backgroundColor:"#000"});
>
> It's like writing:
>
> var elems = document.getElementsByTagName("li");
> for ( var i = 0; i < elems.length; i++ )
> elems[i].style.backgroundColor = "#000";
>
> This is where jQuery gets a lot of it's "write less, do more" power from.
>
> Perhaps you should take a look at some of the tutorials:
>
> http://docs.jquery.com/Tutorials
>
> Karl Rudd
>
> On 3/9/07, Jake McGraw <[EMAIL PROTECTED]> wrote:
> > Not exactly, to add to Chris's comment, using:
> >
> > $("myele").each(function() {
> > // do lots of stuff
> > });
> >
> > will scope the 'this' keyword to whatever you've selected using $('myele').
> >
> > So, for example, if I had:
> >
> > with(document.getElementById("myele")) {
> > // myele now part of scope chain, no variable needed
> > style.backgroundColor = "#000";
> > }
> >
> > I could replace it using the following jQuery:
> >
> > $("#myele").each(function(){
> > // myele now referenced using "this"
> > this.style.backgroundColor = "#000";
> > });
> >
> > Keep in mind that $(selector).each() will work with all elements that have
> > been found using a given selector (see http://docs.jquery.com/Core).
> >
> > Also, this is just my opinion, but using the "with" keyword is usually a bad
> > idea, as it is difficult to optimize such code and it can cause surprising
> > behavior when defining functions within such blocks. Instead, just assign
> > the element to a variable, using jQuery or JavaScript, like:
> >
> > var myele = $("#myele");
> > myele.css({backgroundColor:"#000"});
> >
> > is equivalent to
> >
> > var myele = document.getElementById("myele");
> > myele.style.backgroundColor = "#000";
> >
> > - jake
> >
> >
> > On 3/8/07, Chris Domigan <[EMAIL PROTECTED]> wrote:
> > >
> > > You can use .each().
> > >
> > > $("#myId").each(function() {
> > > // do lots of stuff
> > > });
> > >
> > > _______________________________________________
> > > jQuery mailing list
> > > discuss@jquery.com
> > > http://jquery.com/discuss/
> > >
> > >
> >
> >
> > _______________________________________________
> > jQuery mailing list
> > discuss@jquery.com
> > http://jquery.com/discuss/
> >
> >
>
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
