jQuery:如何创建元素然后将其包装在另一个现有元素周围?

时间:2010-11-16 03:23:28

标签: jquery wrapper element wrapping creation

所以我知道如何使用.wrap.wrapInner.wrapAll,但我想知道如何使用jQuery 1.4中引入的快速创建语法和wrap函数。

基本上我希望能够使用

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方法有效但包装东西......

可以这样做吗?

感谢。

2 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:1)

jQuery .wrap()正是您正在寻找的。它以更整洁的方式提供此功能