jquery - 如何使用 jquery 切换基于 css 的表列和嵌套内容？

Question

我正在尝试使用 jquery 将 ul 的位置从左切换到右。我正在使用表格进行布局。我只有几行代码来完成这项工作并且它有效。问题是当我将它用作嵌套内容时，ul 部分加倍了。请检查我的 fiddle 以了解我的意思，请帮助我解决问题。谢谢! FIDDLE here

$(document).ready(function() {
    $('.tabs.vright > ul:eq(0)').appendTo('.tabs.vright');
});

Answer 1

您的代码采用第一个 .tabs.vright > ul 并将其附加到您的所有 .tabs.vright。

您需要遍历您的元素并相应地应用。

像这样:

$('.tabs.vright > ul').each(function() {
    $(this).appendTo($(this).parent());
});

FIDDLE