javascript - jQuery を使用して X から Y のアイテムをラップする

Question

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

3 番目から最後までのすべてのリンクを 1 でラップするにはどうすればよいですか <span class="wrap"></span>?

修正を試みてください。問題がなければ、リンクは赤の背景にパディングで表示されます。

注：a_itemsそれはvar内のラッパーである必要があり、その直後に表示されます.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/>');