jquery group 每 3rd div

标签 jquery html css-selectors jquery-selectors grouping

我有以下结构,一个外部 div (#results) 和大约 20 个带有类事件的 div。我想将每 3 个事件分组并在它们周围包裹一个名为 outer 的 div,

<div id="result">

    <div class="event">
        <div class="date">8 April</div> 
            <div class="eventname">my title</div>
            <div class="link">my link goes here</div>
    </div>

// lots more events here
</div>

最佳答案

尝试:

while ($('#result > .event').length > 0) {
    $('#result > .event:lt(3)').wrapAll('<div class="wrap"></div>')
}​​​​

http://jsfiddle.net/rxxjp/

关于jquery group 每 3rd div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9823978/

相关文章:

position - jquery鼠标位置相对窗口

html - 有没有办法用 HTML 5 在气泡中创建尾部?

html - 单击其中一项后,ngbdropdown 菜单未关闭

html - 使内联列表项具有一定的宽度

html - 第 n 个 child 给错误的颜色上色

n 个 float 元素上的 css nth-child 选择器

jQuery UI Accordion 使所有部分与最大部分的大小相同

jquery - 从改变位置 'Div' 停止 'hover'

javascript - ThreeJS 更改不透明度时更新场景

java - Selenium - 从 angularjs 组件中选择输入