[jQuery] Odczytywanie atrybutów

[rev5]

Witam mam taki kod HTML:

Kod:

<span class="pobranie-img level-1" id="1"></span>
<span class="pobranie-img level-2" id="16"></span>
<span class="pobranie-img level-3" id="45"></span>

jQuery:

Kod:

var link1 = "<img src='http://www.mojadomena.pl/images/";
var link2 = ".png' width='35' height='35'/>";

       if ($(".pobranie-img").attr("id") != null) {
               img1 = $(".level-1").attr("id");
           img2 = $(".level-2").attr("id");
               img3 = $(".level-3").attr("id");
      }

         $(".level-1").html(""+link1+""+img1+""+link2+"");
     $(".level-2").html(""+link1+""+img2+""+link2+"");
         $(".level-3").html(""+link1+""+img3+""+link2+"");

Wszystko działa, wg. numeru w id pobiera obrazek z katalogu. Mam pytanie - czy ktoś ma może lepszy sposób na to? Zależy mi żeby automatycznie wyszukiwało atrybut z diva, żeby za każdym razem nie wpisywać img1, img2... ?

[Dhofca]

Kod:

<script type="text/javascript">
        $(document).ready(function() {
            var link1 = "<img src='http://www.mojadomena.pl/images/";
            var link2 = ".png' width='35' height='35'/>";
            var level = 1;
            var img;
            $('.pobranie-img').each(function() {
                if ($(this).attr('id') != null) {
                    img = $(".level-" + level).attr('id');
                    $(".level-" + level).append(link1 + img + link2);
                    level++;
                }
            });

        });
    </script>

[rev5]

Super, właśnie o to mi chodziło