✔ jquery function

[messmar]

Guten Morgen!

ich ändere für einige Buttons die Klasse bzw. den Klassennamen folgendermassen:

<script>
    $('.btn_0').addClass('btn_0_aktiv');
    $('.btn_1').addClass('btn_1_aktiv');
    ...
</script>

etc. bis button:9.

Ich würde aber gerne das Ganze noch eleganter und evtl. nur mit höchstens einer Code-Zeile oder zwei umsetzen. ich stelle mir ne Funktion und Parameter vor, wo die Klassennamen, dynamisch augelesen und ausgetauscht werden können.

Hat einer von Euch bitte evtl. ne Idee, wie ich rangehen könnte.. d.h. evtl. ein kleinen jQuery-Plugin basteln.

Es wäre klasse und super, wenn einer mir dabei helfen könnte.

Vielen Dank und Gruß
Messmar

 

[Yaslaw]

Etwa so

        //Alle Klassen die mit btn beginnen um _active-Class ergänzen 
        $('[class^=btn_]').addClass(function(index, currentClass) {
            return currentClass + '_active';
        });

 

[ComFreek]

Wenn dein Button mit der Klasse btn_x immer nach btn_(x-1) im Quelltext kommt, kannst du folgenden Code nutzen:

$("[class^=btn_]").each(function(i) {
    $(this).addClass("btn_" + i + "_aktiv");
});

Das funktioniert aber dann nicht mit einem Button, bei dem noch eine andere Klasse bevor btn_x kommt, also z.B: <button class="blub btn_1"></button>.

 

[messmar]

Hallo ComFreek, Yaslaw,

vielen Dank! beide Varianten funktionieren einwandfrei.

So habe ich mir es vorgestellt und ich habe dabei was gelernt.

Bestren Gruß
Messmar