javascript - 使用 jQuery 从 X 包装到 Y 项目

Question

http://jsbin.com/uxepap/17/edit

如何用一个包装从第三个到最后一个的所有链接？ <span class="wrap"></span>

尝试进行修复，如果可行，链接将位于带有填充的红色背景上。

注意：它应该是a_itemsvar 内的包装器，然后由.html();

到目前为止，还没有可行的解决方案。

Answer 1

jQuery 可以slice()将您的选择从选定的开始索引过滤到选定的可选结束索引。

这是一个示例。

var last = $('a')       //store them in last
    .slice(2)           //get third to last
    .remove()           //remove them from the DOM
    .wrap('<span>');    //wrap them in span

Answer 2

$('a:gt(2)').wrap('<span/>');

演示 1

或者

var links = $('a');
var last = links.filter(':gt(2)');
last.wrap('<span/>');

演示 2

根据编辑

$('div a').map(function(index, item) {
    if(index > 2) {
        return $(item).wrap('<span class="wrap"/>').get(0)
    } else return $(item);
});

演示 3

Answer 3

.wrap包装每个元素。用于wrapAll包装一组元素：

last.wrapAll('<span></span>');

Answer 4

var links = $('a').slice(2, $('a').length);
    links.wrap('<span/>');