Hmmm...
Still no luck. I suspect this has more to do with me. Also to give a
little background, I have 40 html pages that I'm using a jquery
styleswitcher script on to be able to switch between 4 different font
treatments. I am generated the nav html with Javascript like this if
that makes any difference so the navigation could be like an include
file, and I would only need to make edits in one place. I'm just
hoping to add a selected class to give some kind of visual cue as to
the current page being viewed.
$('body').append('<ul class="design_html_nav"><li><a href="#"
rel="screen_verdana" class="styleswitch">Verdana</a></li><li><a
href="#" rel="screen_lucida" class="styleswitch">Lucida Unicode</
a> ... ....
And again, this is what I'm using to add the 'selected class.
$(document).ready(function(){
var file = jQuery.url.attr("file");
alert(file);
$('.design_html_nav li').each(function(){
var a = $(this).find('a'); //<--------get the anchor under
the current LI
alert(a[0]);
if(a[0].href===file){ //<-------------since there's only one
anchor, we can access the element in the jQuery object by [n] notation
and get its href attribute*
a.addClass('selected'); //<---------------------call
the addClass() method on the jQuery object containing the anchor
}
});
});
They are in separate files.
Thanks so much, Kevin
On Mar 12, 10:20 am, mkmanning <michaell...@gmail.com> wrote:
> Last time :(
> You need the a variable as a jQuery object to call the addClass()
> method
> The a[0].href gets the href (duh), or you could use a.attr('href')
>
> var file = jQuery.url.attr("file");
> alert(file);
> $('.design_html_nav li').each(function(){
> var a = $(this).find('a');
> if(a[0].href===file){
> a.addClass('selected');
> }
> });
>
> On Mar 12, 10:00 am, mkmanning <michaell...@gmail.com> wrote:
>
> > Sorry, it should just be if(a===file){..
>
> > the var 'a' is already the href.
>
> > On Mar 12, 8:15 am, vintagetwitch <ksandn...@gmail.com> wrote:
>
> > > Thanks for your response, and my apologies for the double post.
> > > So now, this is what I have, and for some reason, now I'm not able to
> > > extract any values from the array of <a> tags, even with an alert.
> > > Don't I need to loop through them to see if 'a === file'.
>
> > > var file = jQuery.url.attr("file");
> > > alert(file);
> > > $('.design_html_nav li').each(function(){
> > > var a = $(this).find('a').attr('href');
> > > if(a.href===file){
> > > a.addClass('selected');
> > > }
> > > });
>
> > > cheers
>
> > > On Mar 11, 6:14 pm, mkmanning <michaell...@gmail.com> wrote:
>
> > > > Deja Vu :)
>
> > > > Why use a separate array?
> > > > $('.design_html_nav li').each(function(){
> > > > var a = $(this).find('a').attr('href');
> > > > if(a[0].href===file){
> > > > a.addClass('selected');
> > > > }
>
> > > > });
>
> > > > On Mar 11, 3:36 pm, ksandn...@gmail.com wrote:
>
> > > > > Hi there,
>
> > > > > What I'm trying to do as add a 'selected' class to the current page
> > > > > navigation link. I want to cycle through all the page links and if
> > > > > 'file' matches 'hrefs', add the class accordingly. Specifically, I'm
> > > > > having problems with the last part of code below ---if (hrefs[i] ==
> > > > > file) {$(this).addClass('selected');}---. I can't seem to isolate the
> > > > > matching link.
> > > > > I no javascript pro, so I'm probably approaching this all wrong.
>
> > > > > My code is below. The alerts are just there to make sure the variables
> > > > > are storing the values I want.
>
> > > > > var file = jQuery.url.attr("file");
> > > > > alert(file);
>
> > > > > var hrefs = new Array();
> > > > > $('.design_html_nav li').each(function(){
> > > > > hrefs.push($(this).find('a').attr('href'));
> > > > > });
> > > > > alert (hrefs[6]);
>
> > > > > for(i=0;i<hrefs.length;i++)
> > > > > {
> > > > > if (hrefs[i] == file) {$('.design_html_nav li
> > > > > a').addClass
> > > > > ('selected');}
> > > > > }
>
> > > > > Thanks, Kevin
