index of in jQuery

[williamrouse]

• 
  
• Home
  
• Mission
  
• Projects
  
• How to Help
  
• Donations
  
• Supporters
  
• News
  
• Contact
  

[williamrouse]

I resolved the issue.

[falkencreative]

You mind sharing the solution, in case others run into the same thing?

[williamrouse]

Sorry about that!

Given the above structure of the div:

$(document).ready(function() {
               // put all your jQuery goodness in here.
               $('#mainMenu a').click(function(){
                   var $target = $(this).attr('id');
                   var $number = $(this).index('a');
                   $number++;
                   $("#response").text("Menu choice '" + $target + "' was chosen, OK! " );
                   $('#response').append('
That is item "' + $number + '".');
               });
           });

[williamrouse]

I should add that I am working on a phrase like this:

$chosen = $('mainMenu a').click(function(){

});

And then get all the values from $chosen.

[BeeDev]

It might work your way but I usually do it in the following syntax :

 

$(document).ready(function() {

// put all your jQuery goodness in here.

$('#mainMenu a').click(function(){

var $target = $(this).attr('id');

var $number = $("a").index(this);

$number++;

$("#response").text("Menu choice '" + $target + "' was chosen, OK! " );

$('#response').append('

That is item "' + $number + '".');

});

});

[williamrouse]

BeeDev:

I'm not sure of your usage of "might" since it consistently works with the limited testing I have done. I wanted to ask though if you have been able to find your way through a returned object as I was trying to do too further understand JavaScript and jQuery. Here is what I mean more clearly, I hope:

$chosen = $('mainMenu a').click(function(){
});

Have you ever used that construct and then grab the ID name and index from the returned object?

Thanks now!

WBR

[BeeDev]

Not really, you need to be inside some context to use index() because you need "this" to index something.

 

What are you trying to do? Maybe I know a different way to do it. Have you looked at .each() method?

 

You can do counters & stuff with it easily:

 

$("mainMenu a").each(function(counter){
   $(this).bind("click",function(){
       //you can use variable 'counter' here to program stuff like:
       $("#content div").eq(counter).show();
       //so when 4th link in main menu is clicked - the above script will show the 4th div inside element with id #content
   });
});

Edited February 5, 2010 by BeeDev

[williamrouse]

Mostly study and exploration since I got the task done I was asked to do. I spent over an hour yesterday with firebug looking at the returned object data structure and found out you are correct there is nothing in there to use.

[williamrouse]

BeeDev:

In the example code you wrote above. I don't understand what you are trying to show me. Could you flush it out more and/or show me more of some example code.

Thanks!