jQuery-Selektor Bezug auf Selbst

Question

Einfache Frage:

Wie erreiche ich selbst beziehen, ohne $.each() zum Beispiel zu verwenden, wenn ich html() festlegen möchten Attribut besitzen?

$('*[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'); 
}); 

Der Grund, warum alle Ihre Beispiele funktionieren nicht, weil in jedem Fall ist der Code ausgewertet wurde, lange bevor der Selektor ausführt. Dies ist etwas, was Sie wirklich verstehen müssen - es ist noch relevanter, wenn Rückrufe involviert sind, z. für AJAX oder Timer: Wenn Sie Code irgendwo platzieren, wird es an diesem Punkt ausgeführt. So foo(some code here) wird immer führen Sie den Code, der Teil der Funktion Argument ist, egal was foo tut. Der einzige Grund, dies zu vermeiden, besteht darin, eine Funktion zu übergeben, die diesen Code enthält - das war der Funktionsausdruck, der ausgewertet wird (was zu einer aufrufbaren Funktion führt). Dann kann die eigentliche Funktion (die offensichtlich einen aufrufbaren anstelle eines einfachen Werts erwarten muss) die übergebene Funktion aufrufen, wann immer es angemessen ist.