Loadování různého obsahu do stejného divu

Zdravím,
stojím opět před problémem. Potřebuji načítat různé obsahy do divů v popisku produktu.
Tyto divy mají vždy stejné ID a to volnytext Class by měla být proměnná a vždy ve formátu volnytext- a číslo pořadí divu. Probém je, že script mi zkončí hned u 1, i když divů je tam více.

Kód:

<div id="volnytext" data-url="/user/documents/upload/texty/produkt-hlavicka.html" index-number="1" class="volnytext1"><i>hlavicka produktu</i>
</div>
<div id="volnytext" data-url="/user/documents/upload/texty/oaken/olivove-drevo.html">&nbsp;</div>

Kód:

Kód:

 
 $('.basic-description').each(function( index){
  var najdiselektor = $(this).find('#volnytext')
  if($(najdiselektor).length){
      var finddataurl = $(najdiselektor).attr('data-url');

  $( najdiselektor ).attr( "index-number", function(i) { return ++i;});

      var najdiporadi = $(najdiselektor).attr("index-number");
      var finddataurlload = $(najdiselektor).attr("data-url");

  $(najdiselektor).addClass('volnytext'+najdiporadi).load(finddataurlload);
}
});

Díky moc za pomoc.

Nemůžete mít více prvků se stejným ID.

The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document).

Tyto divy mají vždy stejné ID a to volnytext.


Toto nelze. ID je unikatni prvek na strance.