Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[jQuery] Odczytywanie atrybutów - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [jQuery] Odczytywanie atrybutów (/thread-jquery-odczytywanie-atrybutow)



[jQuery] Odczytywanie atrybutów - rev5 - 25-03-2012

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... ?


RE: [jQuery] Odczytywanie atrybutów - Dhofca - 29-03-2012

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>



RE: [jQuery] Odczytywanie atrybutów - rev5 - 30-03-2012

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