配列の要素をjqueryの関数呼び出しで結合する代わりに置き換えるにはどうすればいいですか？

Question

var currentYear;    
while (i < months.length) { 
       annualMonths.push("<h4>" + months[i] + "</h4><span id='monthDates'><ul class='datum monthselection'>" + daysInMonth(i, currentYear) + "</ul></span><br>"); 
       //$(".monthName").replaceWith("<h4>" + months[i] + "</h4><span id='monthDates'><ul class='datum monthselection'>" + daysInMonth(i, currentYear) + "</ul></span><br>"); 
       i++; 
      } 
      $("#calendar .currentYear .monthName").html(annualMonths); 
      i =1; 

この関数は、1年のすべての月のすべての番号付き日を表示します。

問題は、DOMの最後にジョインする代わりに、既存のデータを置き換えるためにその関数を呼び出すたびに欲しいということです。

これはどのように可能ですか？

Answer 1

あなたは次のようempty()メソッドを使用してDOMからマッチした要素の集合のすべての子ノードを削除することができます。それを試してみたが、残念ながら動作していない

function displayCalendar(currentYear) { 
    var i = 1; 
    var currentYear; 

    // Clear the array before processing again 
    annualMonths = []; 

    while (i < months.length) { 
    annualMonths.push("<h4>" + months[i] + "</h4><span id='monthDates'><ul class='datum monthselection'>" + daysInMonth(i, currentYear) + "</ul></span><br>"); 
    i++; 
    } 

    $("#calendar .currentYear .monthName").empty().html(annualMonths); 
    i = 1; 
}