jQuery: как создать элемент, а затем обернуть его вокруг другого существующего элемента?

Question

Так что я знаю, как использовать .wrap, .wrapInner и .wrapAll, но мне интересно, как использовать синтаксис быстрого создания, представленный в jQuery 1.4, и функцию обтекания вместе.

В основном я хочу использовать

var targetUl = $(this), // would be populated by script
    maxWidth = 1400;    // would be populated by script

$('<div />', {
    'id':'wrap',
    'css': {
        'width': maxWidth,
        'overflow':'hidden'
    }
}).wrapAround(targetUl);

Вроде как метод .appendTo работает, но для обертки…

Можно ли это сделать?

Спасибо.

Answer 1

targetUl.wrap(
    $('<div />', {
        'id':'wrap',
        'css': {
            'width': maxWidth,
            'overflow':'hidden'
        }
    })
);

Answer 2

jQuery .wrap () - это то, что вы ищете.Это обеспечивает эту функциональность аккуратным способом