jQuery:如何创建元素，然后将其包装在另一个现有元素周围? [英] jQuery: How to create element then wrap this around another existing element?

问题描述

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

So I know how to use .wrap, .wrapInner and .wrapAll but I am wondering how to use the quick creation syntax introduced in jQuery 1.4 and the wrap function together.

基本上我希望能够使用

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方法的Kinda起作用，但用于包装东西……

Kinda like the .appendTo method works but for wrapping stuff…

可以做到吗?

谢谢.

推荐答案

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

这篇关于jQuery:如何创建元素，然后将其包装在另一个现有元素周围?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！