Das Zuweisen eines jquery-Objekts zu einer Variablen funktioniert nicht wie erwartet

Question

Kann jemand erklären, warum eine dieser Codeversionen funktioniert und die andere fehlschlägt?

funktioniert das nicht:

var classForSelectedElement = "hightlight"; 
var prevSelect = $(".form-element"); 
var $selectedElement = $("div").on("click", ".form-element",function(e){ 
    prevSelect.removeClass(classForSelectedElement); 
    $(this).addClass(classForSelectedElement); 
}); 

Während dies funktioniert: Warum

var classForSelectedElement = "hightlight"; 
var $selectedElement = $("div").on("click", ".form-element",function(e){ 
    $(".form-element").removeClass(classForSelectedElement); 
    $(this).addClass(classForSelectedElement); 
}); 

?

Answer 1

Angenommen, die Elemente .form-element werden nach dem Laden dynamisch an das DOM angehängt (aufgrund der Verwendung eines delegierten Ereignishandlers), funktioniert das erste Beispiel nicht, da Sie beim Laden der Seite versuchen, die .form-element abzurufen Sie existieren.