寻找最好的jQuery方法来包装表

Question

我正在使用jQuery在某个类下面的任何表中包装div：

$(".my-class table").wrap('<div style="padding:5px;border-width:5px;border-color:#F2F7FB;border-style:solid;width:80%"/>');

问题是，有时候我会在这个类下面嵌套表，而我只想将这个div包装一次。那么，这里最好的jQuery方法是什么？搜索嵌套表格或者仅将其应用于最内层表格？任何想法都会受到欢迎。

由于

Answer 1

立即使用child selector（>）：

$(".my-class > table").wrap('<div style="padding:5px;border-width:5px;border-color:#F2F7FB;border-style:solid;width:80%"/>');

Answer 2

要包装最里面的表，您可以这样做：

$(".my-class table").each(function() {
    if(!$(this).has('table')) {
        $(this).wrap(...);
    }
});

包装最外面的一个：

$(".my-class table").first().wrap(...);