Thanks David. This was requested by my boss to use this for this
particular page, but I agree about the span or div tag.
As far as the jQuery code, that's exactly what I ended up doing after
reading a bit more in the jQuery in Action book.
Thanks for help though!
Cheers.
Joe
On Mar 7, 10:28 am, David Stamm <[EMAIL PROTECTED]> wrote:
> This code worked for me:
>
> $("#mainCol ul li a").each(function() {
> var headerText = $(this).parent().siblings("h1").text();
> $(this).attr("title", headerText );
>
> });
>
> Also, you might want to consider using something other than an <h1>
> tag. Strictly speaking, that tag is supposed to represent the
> document's header, rather than the header of an individual element.
> I'd recommend using a <div> or <span> tag instead.
>
> David
>
> On Mar 6, 11:32 am, Joe <[EMAIL PROTECTED]> wrote:
>
> > So I'm having an issue attempting to traverse back in a <li> element
> > to grab the text inside a header tag and insert that text as the
> > "title" attribute's value in a link. The markup will more more sense:
>
> > <div id="mainCol">
> > <ul>
> > <li>
> > <h1>Header 1</h1>
> > <p>Some nice text here.</p>
> > <p><a href="url" title="">Click Here!</a></p>
> > </li>
> > <li>
> > <h1>Header 2</h1>
> > <p>Some nice text here.</p>
> > <p><a href="url"></a></p>
> > </li>
>
> > </ul>
> > </div> <!-- End of Main Column -->
>
> > $(document).ready(function(){
>
> > // Add title to each link in the main content column's unordered list
> > for each list element by using the h1 tag's text.
>
> > $('#mainCol ul li a').each(function(){
> > // Grab the header text of this link's header parent
> > $(this).parents().size());
> > });
>
> > }); // End of ready function.
>
> > Clearly this script won't execute what I need, but the size is 0 and I
> > can't seem to traverse up the DOM to grab the <h1> tag's text with
> > combinations using parent, parents, siblings, etc.. Any suggestions?
