Thanks Klaus,

I got another answer elsewhere (apologies for doubling up the
request).

Here's the answer I got from the other forum which is similar to your,
but I found it more in tune with my scripting style:

$('#clickedItems a').click(function() {
// figure out what position this element is in
   var n = $('#clickedItems a').index($(this) );
// update the targetedArea
   $('#targetedArea li:eq('+n+')').html('updated!');
   return false;
});


On Nov 3, 5:30 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> var $a = $('#clickedItems a').click(function() {
>     $('#targetedArea li').eq($a.index(this)).addClass('active');
>     return false;
>
> });
>
> --Klaus
>
> On 3 Nov., 23:24, sperks <[EMAIL PROTECTED]> wrote:
>
> > I'm wanting to target the nth <li> in a list after clicking the nth
> > link.
>
> >     <ul id="targetedArea">
> >       <li></li>
> >       <li></li>
> >       <li></li>
> >       <li></li>
> >     </ul>
> >     <div id="clickedItems">
> >       <a></a>
> >       <a></a>
> >       <a></a>
> >       <a></a>
> >     </div>
>
> > I can target them all individually, but I know there must be a faster
> > way by maybe passing the what <a> element I clicked on.
>
> >     $("#clickedItem a:eq(2)").click(function() {
> >       $("#targetedArea:eq(2)").addClass('active');
> >       return false;
> >     });
>
> > Cheers,
> > Steve

Reply via email to