Jquery 在foreach循环中计算日期

我有一个由wordpress中的foreach循环生成的事件列表，在每个列表项中，我有一个日期、一个值和一个新的日期，这是对这两个值的计算

使用Jquery，如果没有多个计算实例，我可以计算出这个计算，但我希望调整我的计算结果，使之适用于每个li。下面是我目前拥有的HTML

<ul class="event-list">


<li class="event">
<div class="date">13 jun 2017</div>
<div class="value">2</div>
<div class="new-date"> in here </div> 
</li>


<li class="event">
<div class="date">15 jun 2017</div>
<div class="value">3</div>
<div class="new-date"> in here </div> 
</li>

</ul>

2017年6月13日
2.
在这里


2017年6月15日
3.
在这里

我希望使用jquery实现以下目标，并记住这些div中的所有值都是动态生成的：

<li class="event">
<div class="date">13 jun 2017</div>
<div class="value">2</div>
<div class="new-date"> 15 jun 2017 </div> 
</li>


<li class="event">
<div class="date">15 jun 2017</div>
<div class="value">3</div>
<div class="new-date"> 18 jun 2017 </div> 
</li>

</ul>

2017年6月13日
2.
2017年6月15日


2017年6月15日
3.
2017年6月18日

这是一把小提琴，显示正在进行的工作

您可以看到，计算是针对第一个事件进行的，而不是第二个事件，我面临的另一个问题是新日期的输出-我如何将其格式化为2017年6月15日，而不是2017年6月15日星期四00:00:00 GMT+0100（英国夏令时）

---

谢谢。

您需要为每个dom元素指定一个格式，您可以使用矩.js，在这个循环中，第二天计算如下：

<li class="event">
<div class="date">13 jun 2017</div>
<div class="value">2</div>
<div class="new-date"> 15 jun 2017 </div> 
</li>


<li class="event">
<div class="date">15 jun 2017</div>
<div class="value">3</div>
<div class="new-date"> 18 jun 2017 </div> 
</li>

</ul>

function addDays（日期，天）{
var结果=新日期（日期）；
result.setDate（result.getDate（）+天）；
返回结果；
}
$（'li.event'）。每个（函数（）{
var$this=$（this）；
var date=$this.children（'.date'）.html（）；
var days=Number（$this.children（'.value'）.html（））；
var stringDate=时刻（addDays（date，days））.format（'DD-MMM-YYYY'）；
$this.children（'.new date'）.html（stringDate）；
});



2017年6月13日
2.
在这里




2017年6月15日
3.
在这里