multiple fields with the same ID on the same page.

[garlofrank]

There are multiple (lots) id repeated on the same page, for example look at the demo page (http://wcolorpicker.websanova.com/).

<div class="wColorPicker-palette wColorPicker-palette-simple">
   <div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-top wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 0, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(51, 51, 51);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(102, 102, 102);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(153, 153, 153);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(204, 204, 204);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 255, 255);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 0, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 255, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 0, 255);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 255, 0);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(0, 255, 255);"></div><br>
<div class="wColorPicker-palette-color wColorPicker-palette-color-0 wColorPicker-palette-color-left" id="wColorPicker-palette-color-0" style="background-color: rgb(255, 0, 255);"></div><br>
</div>

There are many more, these are just an example.

[bitrixdo]

Please tell me: how to program using jQuery to change the color in wColorPicker?
So far, I can only manage events onMouseover, onSelect and onMouseout.

Link to make it clear: http://rghost.ru/6TmKZzXbd/image.png
Website: http://eurodecor.demophp.ru/personal/figures/

Help me please.