Come ottenere ID di elemento cliccato con jQuery

Question

Ho il seguente html:

<a href="#" id="#1" class="pagerlink" >link</a> 
<a href="#" id="#3" class="pagerlink" >link</a> 
<a href="#" id="#2" class="pagerlink" >link</a> 
/*etc.... */ 

e il seguente script jQuery:

$(document).ready(function() { 

    var $container = $('.gallery_r').cycle({ 
     fx:  'scrollHorz', 
     speed: 500, 
     timeout: 0 
    }); 

    $('a.pagerlink').click(function() { 
     var id = $(this).attr('id'); 
     $container.cycle(id); 
     return false; 
    }); 

}); 

il controllo link 'pagerlink' sono a jQuery Cycle presentazione. Se sostituisco questa linea:

$container.cycle(id); 

per questo

$container.cycle(7); 

funziona ... (ovviamente solo la navigazione a scivolare numero 7). Quindi, la mia domanda è: come posso prelevare l'ID del link che viene cliccato e passarlo in quella linea?

Grazie in anticipo!

Answer 1

gli ID sono #1 e cycle vuole solo un numero passato a esso. È necessario rimuovere # prima di chiamare cycle.

$('a.pagerlink').click(function() { 
    var id = $(this).attr('id'); 
    $container.cycle(id.replace('#', '')); 
    return false; 
}); 

Inoltre, gli ID non dovrebbe contenere il carattere #, è valido (ID numerici sono anche valido). Suggerisco di cambiare l'ID a qualcosa come pager_1.

<a href="#" id="pager_1" class="pagerlink" >link</a> 

$('a.pagerlink').click(function() { 
    var id = $(this).attr('id'); 
    $container.cycle(id.replace('pager_', '')); 
    return false; 
}); 

Answer 2

L'ID verrà passato come numero 1, numero 2 ecc. Tuttavia, # non è valido come ID (ID prefisso selettori CSS con #).

Answer 3

Hai solo bisogno di rimuovere l'hash dall'inizio:

$('a.pagerlink').click(function() { 
    var id = $(this).attr('id').substring(1); 
    $container.cycle(id); 
    return false; 
}); 

Answer 4

Prima di tutto non si può avere solo un numero per l'ID a meno che non si sta utilizzando il DOCTYPE HTML5. In secondo luogo, è necessario rimuovere la # in ogni id o sostituirla con questo:

$container.cycle(id.replace('#',''));