Das vorher ausgewählte Datum wird im Kalender nicht deaktiviert

Question

Ich möchte also nur ein ausgewähltes Datum in meiner Kalender-UI haben, aber wenn ich ein neues Datum drücke, ist das alte noch immer beleuchtet und ich kann alle drücken Tage in meinem Kalender und sie werden alle aufleuchten.

for(var dayCounter = 1; dayCounter <= currMonthDays; dayCounter++){ 

    tempListItem = document.createElement("li"); 
    tempListItem.innerHTML = dayCounter; 
    $(tempListItem).addClass("day"); 
    //add a hidden element to the day that we can access when we click on it 
    var temp = months[currMonth] +"/" + dayCounter +"/" + currFullYear; 
    $(tempListItem).append("<div class = 'hidden'>" + temp + "</div>"); 

    if(dayCounter == date.getDate() && currMonth == date.getMonth()){ 
     tempListItem.setAttribute("id", "current-day"); 
    } 

    ulDays.appendChild(tempListItem); 
} 
$(document).on("click", ".day", function() 
{ 
    var date = $(this).children(".hidden").text(); 
    console.log(date); 
    $(document.getElementById("current-day")).removeAttr("#current-day"); 
    $(this).attr("id", "current-day"); 
}); 

Nach der aktuellen Tag Klasse zu entfernen, sollte seine CSS nicht das Element verlieren?

Answer 1

Es sieht aus wie Sie ein kleines großes haben, wenn Sie versuchen, das id von current-day zu entfernen. removeAttr erwartet den Namen eines Attributs. In diesem Fall würde das Attribut sein id, so versuchen Sie dies:

$(document.getElementById("current-day")).removeAttr("id");