我有一个 div 元素(#receivedInfo),里面有 p 个元素。每个 p 元素中都有一个日期。我设法从每个元素中取出这个日期并将其与当前日期进行比较。
在将每个元素与当前日期进行比较后,我想将它们移动到两个 div 中:
- 一个包含所有日期高于当前日期的元素(“ .licitatiiActive ”)
- 另一个包含所有日期低于当前日期的元素(“ .licitatiiInactive ”)
我设法进行了比较,但我只能移动一个元素。
这是我使用的 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?