内部に p 要素を持つ div 要素 ( #receivedInfo ) があります。各 p 要素には日付があります。各要素からこの日付を取り出して、現在の日付と比較することができました。
各要素を現在の日付と比較した後、それらを 2 つの div に移動します。
- 現在の日付より後の日付を持つすべての要素を含むもの (" .licitatiiActive ")
- もう 1 つは、現在の日付よりも古い日付を持つすべての要素を含む (" .licitatiiInactive ")
比較はできましたが、移動できるのは 1 つの要素だけです。
私が使用するHTMLは次のとおりです。
<div id="receivedInfo" class="hidden">
<p>16.10.2012 - <a href="#">test line 1</a></p>
<p>16.10.2012 - <a href="#">test line 2</a></p>
<p>16.10.2012 - <a href="#">test line 3</a></p>
<p>16.10.2012 - <a href="#">test line 4</a></p>
</div>
<div class="licitatiiActive"></div>
<div class="licitatiiInactive"></div>
そして、これが私が使用するjQueryです:
var fullDate = new Date();
var twoDigitMonth = (fullDate.getMonth()+1)+"";
if(twoDigitMonth.length==1) twoDigitMonth="0" +twoDigitMonth;
var twoDigitDate = fullDate.getDate()+"";
if(twoDigitDate.length==1) twoDigitDate="0" +twoDigitDate;
var currentDate = twoDigitDate + "." + twoDigitMonth + "." + fullDate.getFullYear();
var dataLic;
var infoP;
$.each($("#receivedInfo p"), function () {
var info = $(this).html();
dataLic = info.split(' - ')[0].trim();
infoP = "<p>" + info + "</p>";
});
if (dataLic > currentDate) {
$(".licitatiiInactive").html(infoP);
} else {
$(".licitatiiActive").html(infoP);
}
前述のように、結果として、div " #receivedInfo " の最初の p 要素のみが div " .licitatiiInactive "に移動されます。このスクリプトを調整して、「#receivedInfo」の各要素を適切な div に移動するにはどうすればよいですか?