Prvi ste put ovdje? Pročitajte faq i registrirajte se.
x
  • Registracija
Dobrodošli, ovdje možete postavljati pitanja vezana za problematiku programiranja. Da bi postavili pitanje nije potrebna registracija :)

149 pitanja

181 odgovora

158 komentara

1,755 korisnika

Zadnje značke

Potvrđeni korisnik
TwilaBunning...
Potvrđeni korisnik
ElmoHodson3...
Potvrđeni korisnik
VanitaWoodd5...
Potvrđeni korisnik
RafaelaDurgi...
Potvrđeni korisnik
LenoreFelix4...

[jQuery] Kako selektirati pojedini član iste klase?

+7 glasova

Pozdrav, evo mene s novim pitanjem.
Imam dva 'spana' u kojem se nalaze 'a' tagovi.

<span class="edit"><a href="neka/putanja/do/skripte">Enable</a></span>
<span class="edit"><a href="neka/druga/putanja/do/skripte">Disable</a></span>

Zanima me kako posebno selektirati prvi i drugi 'a' tag?

Pokušao sam sa pseudo klasom, ali mi ne uspjeva.

Upit Sij 28, 2013 sinisa (341)  
   
Zašto ne dodaš id na svaki od njih id="enable" i id="disable" ?
Rado, ali ne mogu utjecati na to. Zato se pokušavam zakačiti na njega s jQuery-em.

2 Odgovori

+1 glas
 
Najbolji odgovor

Meni ovo radi:

HTML

<div id="gumbi">
    <span class="edit"><a href="neka/putanja/do/skripte">Enable</a></span>
    <span class="edit"><a href="neka/druga/putanja/do/skripte">Disable</a></span>
</div>

jQuery:

$("div#gumbi span:first a").addClass("crvena");
$("div#gumbi span:last a").addClass("plava");

CSS:

.crvena { color: #FF0000; }
.plava { color: #0000FF; }

A evo i dokaza:
http://jsfiddle.net/pUTvv/

Odgovoreno Sij 28, 2013 yosip (508)  
odabrano Sij 28, 2013 sinisa
Probao istu stvar, ali sam fulao sintasku. Ispalo je da problem nije bio u selektoru.:)
+1 glas

A možeš i ovako:

<!doctype html>
<html>
<head>
    <title>jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('span.edit a').click(function(){
        alert('Selektiran je: ' + $(this).text());
        return false;
    });
});
</script>
</head>
<body>

<div id="gumbi">
    <span class="edit"><a href="neka/putanja/do/skripte">Enable</a></span>
    <span class="edit"><a href="neka/druga/putanja/do/skripte">Disable</a></span>
</div>

</body>
</html>
Odgovoreno Sij 28, 2013 dev_q (902)