動的エラー検証リストの番号付けを動的に追加/削除しますか？

Question

私はjQuery validationを使用するフォームを持っており、ユーザーが「続行」をクリックすると、ページの上部にエラーが表示されます。

既存のエラーごとにエラーが数値リストに存在する必要があるため、動的に生成する必要があります。ですから、例えば代わり​​の

2. [空] [空]
3. ことが
   1. だろう

   [空]あなたが

4. 生まれた月を入力します。あなたが生まれた月を入力してください

これを行う方法はありますか？

$("ul.error-menu li").each(function(i, el) { 
    $(this).children('a').prepend("<span>" + (i+1) + "</span>"); 
}); 

<ul class="error-message-container error-menu"> 
    <li><a href="#firstName"><label class="error" for="firstName" generated="true"></label></a></li> 
    <li><a href="#lastName"><label class="error" for="lastName" generated="true"></label></a></li> 
    <li><a href="#dobMonth"><label class="error" for="dobMonth" generated="true"></label></a></li> 
</ul> 

正しい方向への助けがあれば助かります。

フィドル：https://jsfiddle.net/DTcHh/25812/

Answer 1

だけdecimalにlist-style-typeを追加します。

.error-message-container.error-menu li { 
    list-style-type: decimal; 
} 

そしていや、この部分を削除します。

$("ul.error-menu li").each(function(i, el) { 
    $(this).children('a').prepend("<span>" + (i+1) + "</span>"); 
}); 

フィドルを：https://jsfiddle.net/pr5o1qzo/