jQuery Forum

As far as I know there is no way to filter or select based on the data of an element, with that being said that leaves you with having to loop over them all and compare them to the value you're looking for. Something like this:

1. $("#parentDiv .child").each(function (index) {
         if($.data(this, '_index' ) == activeIndex){
               $(this).css("border", "1px solid red");
         }
   });

seems like trying to reinvent existing methods eq() and index()

Good point Charlie, I didn't even think of it that way, I assumed he was just using the sequential assignment as an example and that the index could be anything.

index() (http://api.jquery.com/index/) should do what you need. So within your handler you can just do:

1. $(this).index();

The reason you aren't getting the value you expect is probably because you are assuming the index is based on the selector you created to bind the click event to. In fact the index is based on the element and its siblings.  From the index page
If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.

Because you have other divs in between the ones with the class headerClass they are also counted when the index is determined. Are you just determining the index to do something with its children or next sibling div? If that's the case, take a look at some of the methods here: http://api.jquery.com/category/traversing/

If there is something specific you need post it here.

Hope that gets you headed in the right direction

Dave

thanks for the answers.. will try it out.......