Et lille jQuery tip

December 6, 2009 · Posted in Udvikling 

jQuery er rigtig smart, og en lille ting jeg opdage her til aften var, hvor nemt det egentlig er at arbejde med attributter.

Mit problem var at jeg skulle fange kliks på nogle labels, og efterfølgende skjule eller vise dens pågældende inputfelt. Løsningen blev:

1
2
3
$("label").click(function () {
    $("input#" + $(this).attr('for')).toggle();
});

HTML’en til ovenstående er:

1
<label for="str">Tekst</label> <input id="str"/>

Jeg fanger kliks på label-elementer og skjuler eller viser det inputfelt der har samme ‘id’ som label-feltet har ‘for’. Eksemplet er lidt simplificeret ;)

Comments

Leave a Reply





  • Om websmed.dk

    Jeg hedder Morten, og jeg har udviklet webapplikationer siden slutningen af 90'erne.

    Jeg vil her dele ud af min erfaring, og med jævne mellemrum poste nogle tips og tricks, samt løsningsforslag på generelle dagligdags problemstillinger.

    Jeg har en forkærlighed for PHP og MySQL, hvorfor I nok vil se flest indlæg der vedrører den gren af webudvikling.

    Jeg har en anden blog af mere personlig karakter på mbn.dk, hvor I kan finde kontaktmuligheder m.m.

    Mine indlæg vil tit være baseret på problemstillinger i mit daglige virke, eller i mit eget firma MRLYTICS, hvor jeg sælger kundeundersøgelser samt kundedatabaser.

    Denne side er hostet hos slicehost.

  • Skrevet på Twitter