jquery click function in for loop only working in last loop [closed]

问题

Closed. This question is off-topic. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 5 years ago.

I'm probably doing something obviously wrong, but I just can't see it. I'm trying to use a for loop to define multiple click events and am experiencing an unexpected result. Some of this is working (the hide and show at the beginning of the function, but both sections wind up targeting the second item in the loop. Could somebody take a look at this and tell me what I'm doing wrong? Thank you so much for your help!

here is the link: http://grana.us/test/expand2.html

回答1:

You are assigning same event to all summaries for every id. This is wrong...

First... to hide all details and show all toglers simply use:

$('.details').hide();
$('.toggler').show();

And then define click function to all sumaries:

$('.summary').click(function(){
   if($('.toggler',this).html() == ' -'){
      $('.toggler',this).html(' +');
      $('.details',$(this).parent()).hide();
   }else{
      $('.toggler',this).html(' -');
      $('.details',$(this).parent()).show();
   }
});

Put everything in...

$(function(){
   ...
});

and should be ok.

来源：https://stackoverflow.com/questions/19606438/jquery-click-function-in-for-loop-only-working-in-last-loop