[es] - jquery selektor za elemente liste

davor4

Član broj: 30284
Poruke: 113
*.adsl.net.t-com.hr.

Profil

^{31.05.2010. u 15:01 - pre 169 meseci}

napravio sam listu, čiji elementi će mi služiti kao tabovi. želim da kada neki element liste bude selektiran, da dobije neku drugu klasu.
u html imam:

Code:

        <div id="tbs_najnovije">
            <ul>
                <li><a href="#" class="prvi-najnovije">Prvi</a></li><img class="tab_sep" src="images/tab_sep.jpg" alt="" />
                <li><a href="#">Drugi</a></li><img class="tab_sep" src="images/tab_sep.jpg" alt="" />
                <li><a href="#">Treći</a></li><img class="tab_sep" src="images/tab_sep.jpg" alt="" />
            </ul>
        </div>

a css za listu je sljedeći:

Code:

#tbs_najnovije ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#tbs_najnovije ul li{
    float: left;
    display: inline;
    padding: 3px 5px 8px 5px;
    margin: 0;
    background-image: url("images/tab_bg.jpg");
    background-repeat: repeat-x;
}

#tbs_najnovije ul li a {
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    font-family: Tahoma, Arial, "Trebuchet MS", Verdana;
    font-size: 11px;
    color: #A2825C;
}

#tbs_najnovije ul li a:hover {
    color: #674941;
    text-decoration: none;
}

kao što vidite zadao sam klasu prvom tabu, i pokušam ovako, međutim ništa se ne događa:

Code:

    <script>
    $('.prvi-najnovije').css("font-size","150px");
    </script>

kako to realizirati? postoji li mogućnost da ne moram svakom elementu liste zadavati neku jedinstvenu klasu (jer ću imati dvadesetak tabova u boxevima sveukupno)? mada mi ne radi ni kada mu zadam :(?

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-5.sezampro.rs.

+33 Profil

Re: jquery selektor za elemente liste

^{31.05.2010. u 15:54 - pre 169 meseci}

Kako misliš "kad bude selektovan"? Jel ti to selektovanje radiš na neki JS događaj, ili možda to označavanje da je neki tab (element liste) aktivan radiš nekom logikom na serverskoj strani? Druga stvar, ne vidim poentu toga da JS-om radiš samo $('.prvi-najnovije').css("font-size","150px");, jer to možeš da ispišeš i u HTML-u. Inače, uvek je pametno da sve akcije nad DOM-om u jQuery-ju radiš na onready događaj:

Code:
$(document).ready(function() {
$('.prvi-najnovije').css("font-size","150px");
});

Odgovor na temu

davor4

Član broj: 30284
Poruke: 113
*.adsl.net.t-com.hr.

Profil

Re: jquery selektor za elemente liste

^{31.05.2010. u 16:18 - pre 169 meseci}

malo sam se zaigrao pa sam obrisao dio sa događajem. ovo sa document ready radi, ali mislim preko click događaja:

Code:
    <script>
$('.prvi-najnovije').click(function () {
    $('.prvi-najnovije').css("font-size","150px");
});    </script>

Citat:

Nikola Poša: Jel ti to selektovanje radiš na neki JS događaj, ili možda to označavanje da je neki tab (element liste) aktivan radiš nekom logikom na serverskoj strani?

znači na click događaj

Citat:

Nikola Poša: Druga stvar, ne vidim poentu toga da JS-om radiš samo $('.prvi-najnovije').css("font-size","150px");, jer to možeš da ispišeš i u HTML-u.

to sam radio samo za probu.

dakle da probam još jedanput objasniti što želim:
imam listu sa nekoliko elemenata koji će mi poslužiti kao tabovi. nakon klika na određeni element liste, samo mu želim promijeniti klasu (tj. bg-color ili nešto slično)

znači ja imam ovo:

Code:

        <div id="tbs_najnovije">
            <ul>
                <li><a href="#">Prvi</a></li>
                <li><a href="#">Drugi</a></li>
                <li><a href="#">Treci</a></li>
                <li><a href="#">Cetvrti</a></li>
            </ul>

i nakon što se klikne na bilo koji element liste želim mu promijeniti bg, recimo. sad, mislim da nema smisla svakom elementu davati drugi id, nego pretpostavljam da se može to riješiti univerzalno za sve elemente jednom funkcijom?

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-5.sezampro.rs.

+33 Profil

Re: jquery selektor za elemente liste

^{31.05.2010. u 20:36 - pre 169 meseci}

Citat:

davor4: i nakon što se klikne na bilo koji element liste želim mu promijeniti bg, recimo. sad, mislim da nema smisla svakom elementu davati drugi id, nego pretpostavljam da se može to riješiti univerzalno za sve elemente jednom funkcijom?

Naravno, to je i glavna odlika jQuery-a, "write less, do more":

Code:
$(document).ready(function() {
    $("#tbs_najnovije li").click(function(){
        $(this).css("font-size","150px");
    });
});

Odgovor na temu