Question

Suppose I have this:

<div id="apple" class="fruit"></div>
<div id="orange" class="fruit"></div>
<div id="grape" class="fruit"></div>
<div id="pear" class="fruit"></div>

How do I write a javascript function that can loop and print out all the fruit IDs with class “fruit”? Using JQuery.

Answer 1

$('div.fruit').each(function(){
 //will loop through all divs with the class fruit.
 $(this).attr('id'); //will give you the id of the current div
});