我正在使用 SPServices 从 SharePoint 列表中提取数据。列表中的每一行都将插入到容器 div 中,其类对应于列表中的月份和年份数据,如下所示:
<div class="container">
<div class="child 07-2013">
<p>Some content</p>
</div>
<div class="child 06-2013">
<p>Some content</p>
</div>
<div class="child 06-2013">
<p>Some content</p>
</div>
<div class="child 11-2012">
<p>Some content</p>
</div>
<div class="child 11-2012">
<p>Some content</p>
</div>
</div>
我需要编写一个脚本(最好是 jQuery,而不是我更熟悉的正确的 JavaScript),它将找到每个类的第一个并在它之前添加另一个 div,这样它最终会像这样:
<div class="container">
<div class="header">July 2013</div>
<div class="child 07-2013">
<p>Some content</p>
</div>
<div class="header">June 2013</div>
<div class="child 06-2013">
<p>Some content</p>
</div>
<div class="child 06-2013">
<p>Some content</p>
</div>
<div class="header">November 2012</div>
<div class="child 11-2012">
<p>Some content</p>
</div>
<div class="child 11-2012">
<p>Some content</p>
</div>
</div>
我知道我可以写这样的东西:
function addHeaders(){
$('.07-2013').before('<div class="header">July 2013</div>');
$('.06-2013').before('<div class="header">June 2013</div>');
etc...
}
但问题是我不想在脚本中定义每个类,因为数据会不断添加到 SharePoint 列表中,我想对其进行验证,以便作者可以更新 SharePoint 列表并且脚本将处理数据自动。
那么,有什么方法可以模糊地找到容器 div 中每个类的第一个实例?