我正在寻找在每三个 div 标签之后放置一个 span 标签的解决方案。
HTML
<div class="grid_15">
<div class="grid_5">
<p>Sun</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Mon</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Tue</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Wed</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Thu</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Fri</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Sat</p>
<div>
<div class="suggest nudge-up">
<div class="form-content-left">Morning</div>
<div class="form-content-right">(7.00 - 8.00)</div>
<span class="clear"></span><span class="clear"></span>
</div>
</div>
</div>
</div>
Needed
<div class="grid_15">
<div class="grid_5">
<p>Sun</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Mon</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Tue</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
**<span class="clear"></span>**
<div class="grid_5">
<p>Wed</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Thu</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
<div class="grid_5">
<p>Fri</p>
<div>
<div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
</div>
</div>
**<span class="clear"></span>**
<div class="grid_5">
<p>Sat</p>
<div>
<div class="suggest nudge-up">
<div class="form-content-left">Morning</div>
<div class="form-content-right">(7.00 - 8.00)</div>
<span class="clear"></span><span class="clear"></span>
</div>
</div>
</div>
</div>
正如你所看到的，结果有，span 标签（<span class="clear"></span>），每完成第三个 div 后，我尝试：
jQuery
var a = $('html').find('div.grid_15 > div.grid_5');
for( var i = 0; i < a.length; i+=3 ) {
a.slice(i, i+3).append('<span class="clear"></span>');
}
但却没有得到预期的结果，
链接在这里 ：
http://jsfiddle.net/pxaS4/ http://jsfiddle.net/pxaS4/
请帮我解决。
多谢。
您可以使用:nth-child(3n)选择器：
$('div.grid_15 > div.grid_5:nth-child(3n)').after('<span class="clear">foo</span>');
Demo: http://jsfiddle.net/pxaS4/2/ http://jsfiddle.net/pxaS4/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
