jQuery: reperire il valore delle ancore dei link

Quando utilizziamo la navigazione negli slideshow spesso utilizziamo le ancore (hash) dei link HTML per la navigazione. Tuttavia ogni volta dobbiamo estrarre il valore di tali ancore. Vediamo come automatizzare questo processo con jQuery.

Il seguente plugin memorizza il valore dell'ancora direttamente sul link selezionato:

(function($) {
    $.fn.getHash = function() {
        if (!this.is('a')) {
            return;
        }
        return this.each(function() {
            $(this).data('hash', $(this)[0].hash.replace('#', ''));
        });
    };
})(jQuery);

Ora possiamo accedere a tale valore utilizzando il metodo .data():

$('a', '#test').getHash();


$('a', '#test').each(function() {
    var $a = $(this);
    $a.parent().append('<strong>' + $a.data('hash') + '</strong>');
});

Potete visionare l'esempio finale in questa pagina.