[jQuery] Newbie Question: Finding and manipulating an element
Hello... I have an unordered list containing nested lists... ul class=foo lia title=Announcements1 href=foo.htmlspan class=portal-navigation-labelHome/span/a ul lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li /ul /li lia title=Announcements2 href=foo.htmlspan class=portal-navigation-labelHome/span/a ul lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li /ul /li lia title=Announcements3 href=foo.htmlspan class=portal-navigation-labelHome/span/a ul lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li /ul /li /ul The top level list has an ID and associated css, I'd like to add a class to each of the nested ul elements in order to style them differently. I cannot manually add a class so wondered if I could do it with jQuery. I'm looking for a result like this: ul class=foo lia title=Announcements1 href=foo.htmlspan class=portal-navigation-labelHome/span/a ul class=bar lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li /ul /li lia title=Announcements2 href=foo.htmlspan class=portal-navigation-labelHome/span/a ul class=bar lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li /ul /li lia title=Announcements3 href=foo.htmlspan class=portal-navigation-labelHome/span/a ul class=bar lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li lia title=Announcements href=foo.htmlspanAnnouncements/span/a/li /ul /li /ul Thanks for your help! Aaron
Re: [jQuery] Newbie Question: Finding and manipulating an element
On Mon, Mar 1, 2010 at 5:06 AM, Aaron Johnson
aaron.mw.john...@gmail.com wrote:
The top level list has an ID and associated css, I'd like to add a class to
each of the nested ul elements in order to style them differently. I
cannot manually add a class so wondered if I could do it with jQuery.
I'm looking for a result like this:
ul class=foo
lia title=Announcements1 href=foo.htmlspan
class=portal-navigation-labelHome/span/a
ul class=bar
If all of the inner uls are styled the same you don't need a class,
just add a rule to your css:
ul.foo li ul {
/* style stuff */
}
Nathan
Re: [jQuery] Newbie Question: Finding and manipulating an element
Greg, Nathan, Thanks very much for your help!
On 1 March 2010 14:58, Nathan Klatt n8kl...@gmail.com wrote:
On Mon, Mar 1, 2010 at 5:06 AM, Aaron Johnson
aaron.mw.john...@gmail.com wrote:
The top level list has an ID and associated css, I'd like to add a class
to
each of the nested ul elements in order to style them differently. I
cannot manually add a class so wondered if I could do it with jQuery.
I'm looking for a result like this:
ul class=foo
lia title=Announcements1 href=foo.htmlspan
class=portal-navigation-labelHome/span/a
ul class=bar
If all of the inner uls are styled the same you don't need a class,
just add a rule to your css:
ul.foo li ul {
/* style stuff */
}
Nathan
