2011-01-05 16 views
6

Ho la seguente listaCome arrivare primo link href di Li in un elenco ul in jQuery

<ul class="tabs"> 
<li><a href="testlink.php">First link</a></li> 
<li><a href="testlink2.php">Second link</a></li> 
</ul> 

vorrei afferrare il href per il primo collegamento. Questo link deve essere presente in un collegamento var per poterlo utilizzare per recuperare in modo dinamico un contenuto di una pagina. Grazie per qualsiasi aiuto :)

risposta

5

È possibile utilizzare il selettore :first:

var url = $("ul.tabs a:first").attr("href"); 

O il selettore :eq():

var url = $("ul.tabs a:eq(0)").attr("href"); 
0

semplice come

var link = $(".tabs li:first a").attr("href"); 
+0

No, 'tabs' è una classe, non un id. Stai cercando '.tabs'. –

+0

Piccola sorveglianza – RobertPitt

4
$(function() { 
    var href = $('ul.tabs').find('a').slice(0,1).attr('href'); 
}); 
.210

Questo è piuttosto veloce, se siete dopo prestazioni cercare di evitare selettori Sizzle:

http://jsperf.com/selector-sizzle-vs-methods

+1

Grazie, è bene sapere, il 42% di perdita di prestazioni non è qualcosa da ignorare. Cercherò di fornire entrambe le strategie nelle mie risposte future (stiamo già facendo qualcosa di simile per LINQ dopo tutto). +1 per la soluzione più veloce. –

Problemi correlati