Loop through JQuery object

Question

I'm relatively new with JQuery. Let's say I have a divs structure like this:

<div class='quater'>
  <div id='a' class='target'></div>
  <div id='b' class='target'></div>
  <div id='c' class='no_target'></div>
</div>

and i would like to ad an onClick function that retrieve class "target" id's.

I tried with:

$('.quater').on('click', function(){
    var $value = $(this).children('.target');
    $value.each(function(){
        alert(this.attr('id'));
   });
});

but it returns: undefined is not a function

What is the right way to iterate through these elements to retrieve their ids?

Rajaprabhu Aravindasamy · Accepted Answer · 2014-10-06 10:32:48Z

4

Try to invoke the .attr() function over wrapped jQuery object,

alert($(this).attr('id'));

this is a plain JavaScript object and it won't contain a member function called .attr()

Full code would be,

  $('.quater').on('click', function() {
    var $value = $(this).children('.target');
    $value.each(function() {
      alert($(this).attr('id'));
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div class='quater'>test
  <div id='a' class='target'></div>
  <div id='b' class='target'></div>
  <div id='c' class='no_target'></div>
</div>

answered Oct 6, 2014 at 10:32

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Plastic Over a year ago

TNX a lot, obviously works like a charm, so is it the right way to iterate through JQuery selected elements? I mean is it correct to use a $variable to save the collection and iterate through it with .each() function?

Rajaprabhu Aravindasamy Over a year ago

@Plastic Yes it is.. And by the way glad to help.!

Rajaprabhu Aravindasamy Over a year ago

@Plastic Yeah caching a traversed collection of elements in a variable is usually a good practice to follow. Keep on doing that in your upcoming projects.

Plastic Over a year ago

Thanks again, your answer will be accepted in 5 mins ^^

Collectives™ on Stack Overflow

Loop through JQuery object

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related