Try this: $(document).ready( function() { var $listItems = $("#articlesIndex li"); $listItems.find('a').click( function() { var itemNum = $listItems.index($(this).parent()[0]) + 1; alert("You just clicked list item number: " + itemNum); return false; // prevents the hyperlink from firing } ); } );
On 3/12/07, Matt <[EMAIL PROTECTED]> wrote:
Hello, all jQuery gurus. I deeply appreciate all the help people provide one another on this list, and how generously the experts contribute their time and wisdom to newcomers such as myself. I finally have an issue I'd like some help with myself, and any assistance would be welcome. I have an unordered list like this: <div id="articlesIndex"> <ul> <li><a href="article01.php>First Article</a></li> <li><a href="article02.php>Second Article</a></li> <li><a href="article03.php>Third Article</a></li> </ul> </div> I cannot figure out how (or whether) I can use jQuery to read "which LI element has just been clicked" as a numeric index. Here is a simplified example code: $(document).ready( function() { $('#articlesIndex li a').click( function() { alert("You just clicked list item number: "); return false; // prevents the hyperlink from firing } ); } ); Now how do I pass the number so that the alert "You just clicked list item number: " is followed by the number just clicked on? When you click on the hyperlink on the second list item, I want to read that index so jQuery can "know" that I've just clicked sibling number 1 out of the possible siblings 0,1, and 2. So it would be something like: alert( "You just clicked list item number: " + $this.myNumericIndex() ); Which is obviously complete gibberish since no such thing exists, but you get the idea--I want to know what DOES exist that I can use there. I can't make heads or tails of the "index()" method and don't know whether it's relevant here. (I know I could just assign id's to each of them and simply reference their id attribute, but that's a pain in the butt and requires extra inelegant code.) Any suggestions? _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
-- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
_______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/