jQuery selettore di riferimento a sé

Question

domanda semplice:

Come mi riferisco ad auto senza usare $.each() per esempio quando voglio impostare html() di possedere attributi?

$('*[rel]').html($(this).attr('rel')); // nope 
$('*[rel]').html($(self).attr('rel')); // nah 
$('*[rel]').html($(sender).attr('rel')); // undefined 
$('*[rel]').html($(target).attr('rel')); // still undefined 
$('*[rel]').html($(???).attr('rel')); // this isn't even correct syntax 
$('*[rel]').html($(beer).attr('rel')); // well that would be tasty 
$('*[rel]').html($(woman).attr('rel')); // not in this life 
$('*[rel]').html($(god help me!).attr('rel')); // He probably doesn't even know how to use a computer 
$('*[rel]').html($(i give up).attr('rel')); // unexpected... o'rly? 

Answer 1

You can pass a function instead of a a string.

$('[rel]').html(function() { 
    return $(this).attr('rel'); 
}); 

Il motivo per cui tutti i tuoi esempi non funzionano è perché in ogni caso il vostro codice viene eseguito molto tempo prima che il selettore è stato valutato. Questo è qualcosa che devi veramente capire - è ancora più rilevante quando sono coinvolti i callback, ad es. per AJAX o timer: quando inserisci il codice da qualche parte viene eseguito a questo punto. Quindi foo(some code here) sarà sempre esegue il codice che fa parte dell'argomento di funzione non importa cosa fa foo. L'unica ragione per evitarlo è passare una funzione che contiene questo codice - che è stata valutata l'espressione della funzione (che valuta una funzione callable). Quindi la funzione effettiva (che ovviamente deve aspettarsi un callable invece di un valore semplice) può invocare la funzione passata ogni volta che è appropriata.