jquery .each works only on the first element

Question

I'm having trouble understanding jqueries .each. I have the following code: ``` $('#testDiv').each(function(index, domEle){ $(this).text(index); }); ``` and the following HTML ```

...

``` When the script runs it only works for the first testDiv, as it correctly sets the text to 0, however the other testDivs. My overall goal is to write a script that will set the height of the div based on another div's height. The heights differ so I think a loop structure is the way to go (unless I am mistaken?) What am I doing incorrectly with the jq code?

Accepted Answer

You can't use the same `#id` for different elements. Try to rename the rest and you'll get the result you want

Or do this (works without adding any classes - cleaner code)

```
$('.inner div').each(function(index, domEle){    
    $(this).text(index);
});
```

jquery .each works only on the first element

Solution

Problem