Javascript jQuery，在项之前插入日期

我有以下标记：

<ul>
  <li data-date="May 2014">Content</li>
  <li data-date="May 2014">Content</li>
  <li data-date="May 2014">Content</li>
  <li data-date="August 2014">Content</li>
  <li data-date="August 2014">Content</li>
  <li data-date="November 2014">Content</li>
  <li data-date="November 2014">Content</li>
  <li data-date="November 2014">Content</li>
  <li data-date="November 2014">Content</li>
</ul>

这并不是针对具有相同

数据日期

值的元素组，而是针对每个单独的元素

是的，如果有人能在这方面提供帮助，我们将不胜感激。

var-previousDataDate；
var previousDataDate;
$('li').each(function() {
    if (previousDataDate != $(this).attr('data-date')) {
        $(this).before('<li><h2>' + $(this).attr('data-date') + '</h2></li>');
    }
    previousDataDate = $(this).attr('data-date');
});

$（'li'）。每个（函数（）{
if（previousDataDate！=$（this）.attr（'data-date'））{
$（this）.before（“
”+$（this）.attr（'data-date'）+”
）；
}
previousDataDate=$（this.attr（'data-date'）；
});

---

如果您对代码进行过滤以获得第一眼，则代码将正常工作：

var $firstDates = $('li').filter(function() { 
  return $(this).data("date") != $(this).prev().data("date");
});

$firstDates.each(function() {
  $(this).before('<li><h2>' + $(this).attr('data-date') + '</h2></li>');
});

var$firstDates=$（'li'）.filter（函数（）{
返回$（this.data（“日期”）！=$（this.prev（）.data（“日期”）；
});
$firstDates.each（函数（）{
$（this）.before（“
”+$（this）.attr（'data-date'）+”
）；
});

var previousDataDate;
$('li').each(function() {
    if (previousDataDate != $(this).attr('data-date')) {
        $(this).before('<li><h2>' + $(this).attr('data-date') + '</h2></li>');
    }
    previousDataDate = $(this).attr('data-date');
});

var $firstDates = $('li').filter(function() { 
  return $(this).data("date") != $(this).prev().data("date");
});

$firstDates.each(function() {
  $(this).before('<li><h2>' + $(this).attr('data-date') + '</h2></li>');
});