jQuery 反向展开

Question

在我的页面上，我有一个按钮可以打开所有 <article>从它的容器中取出，然后将每个单独包装到 <section> 中。 我的问题是是否可以通过单击按钮来反转该操作，以便所有 <article>会回到开始时的位置吗？

我创建了一个示例:

http://jsfiddle.net/JCERK/9/

Answer 1

您需要预先标记您的每个 <article>带有标识 <section> 的内容的标签他们进来了。把这个放在他们的 class 中将是一个好主意，例如:

$('article').addClass(function() {
    return 'section-' + $(this).parent().index();
});

当您将它们重新包装起来时，您需要按class对它们进行分组。 .

$('#wrapback').click(function() {
    $('article').unwrap();
    for (var i = 0; i < sections; ++i) {
        var articles = $('article.section-' + i);
        articles.wrapAll('<section/>');
    }
});​

工作演示位于 http://jsfiddle.net/alnitak/QKLkV/