问题标签 [wrapall]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1126 浏览

javascript - jQuery nextUntil 包含文本节点

我正在使用nextUntil方法来获取两个元素之间的所有内容。但此方法不包括text nodes输出。它给出了一个像[<br>, <br>, <br>]. 如何获取包括文本节点在内的所有内容?

这是 HTML 代码:

JSFiddle:http: //jsfiddle.net/Lwk97rvq/1/

0 投票
2 回答
849 浏览

javascript - .wrapAll() 在 jQuery 中无法正常工作

我有这个代码:

为了更改用户的布局,我创建了一个按钮来切换到列表样式布局。到目前为止,我有这段代码可以改变一些事情:

现在我需要$( "archive-kit-info.list" ).nextAll().wrapAll( "<table>" );将 div 的所有直接子项包装archive-kit-info.list在一个表中并从那里工作,但是代码不起作用,我做错了什么?我是否还需要.each()在循环中添加?

当用户单击列表样式按钮时,我希望我的布局更改为:

这对 jQuery 可行吗?

0 投票
1 回答
369 浏览

jquery - JQuery wrapAll, append, remove 移动元素并添加一个 div

我正在尝试移动并可能删除一些元素,同时用“div”包装更新的 HTML。我必须使用一个相等的计数,我已经能够计算(假设我想将它分成 5 个,直到有任何剩余的 li 标签)

尝试了 .wrapAll 和 .append、.remove 等,但在我更新之前,一些 HTML 已被删除。

<ul>如果 class='x' 存在,HTML 将被相应地移动(不改变 lis 的内容或顺序),但我们只是在每 5 个元素 的拆分/计算中不考虑它。

因此,更新后的 HTML 中可能有多个 'li class='x',但最初每个<ul>标签始终只有一个(并且它始终是原始 HTML 中的第一个元素)。

当前的 HTML:

移动

  • 先前基于特定计数。向这些 ul 添加一个 div 'wrapper' 类删除任何剩余的标签

    所需的 HTML 结果:

  • 0 投票
    1 回答
    42 浏览

    jquery - JQuery,将 div 包裹在每个 div 周围

    我有一个小脚本,它应该在每个父 div“mod_article”周围包裹一个 div“wrap_mod_article”。

    现在,脚本创建了一个 div,它围绕所有具有“mod_article”类的 div。用“mod_article”在每个 div 周围包裹一个 div“wrap_mod_article”是正确的吗?

    http://jsfiddle.net/1t2a2nr4/2/

    0 投票
    2 回答
    1648 浏览

    javascript - 如何包装彼此相邻且具有相同类的所有元素?

    我想知道如何包装彼此相邻且具有相同类的所有元素。.wrapAll()没有用,因为它将段落推到了底部。

    来源:

    期望的输出:

    0 投票
    1 回答
    3408 浏览

    javascript - 如何包装所有下一个元素直到?

    我有以下html:

    我要实现的目标.menuItem.submenuItem.menuSet. 不幸的是,下面的 js 包装了整个片段,而不是上面定义的集合。

    为了使我的意图更容易理解,我在下面发布了所需的结果:

    0 投票
    2 回答
    83 浏览

    jquery - 将容器中的所有匹配元素包装在灵活的布局中

    我有一个使用 Wordpress 的高级自定义字段的灵活布局。我想用portrait包含 div 的类名包装图像,我已经用 jQuery 的wrapAll函数完成了这个,我面临的问题是我只希望它们成对分组,并保持在相同的位置大教堂。理论上,元素可以在article标签中以任何顺序出现。

    唯一不变的是具有类的图像portrait将始终彼此相邻出现。

    这是典型布局的示例:

    这是我想要实现的标记:

    这是我正在使用的 jQuery:

    我认为它走在正确的轨道上,但上面的代码片段产生的标记与我需要的略有不同。它将两个图像包装在一个 div 中,但随后也将第二个图像包装在另一个 div 中。可以在这里看到一个演示:https ://jsfiddle.net/kycmmkdx/

    谁能指出我正确的方向?任何帮助是极大的赞赏!

    0 投票
    2 回答
    124 浏览

    jquery - 如何通过jQuery从标题中包装所有元素?

    现在我正在玩PageTranstionCollection

    我想用 title="wrap pt-page1" 包装一个 ELEMENT。之后,通过 Magic jQuery 脚本,它转到

    所以我尝试修改我的 ClassTitleAdder:

    至:

    是的,我知道这对我来说很愚蠢,但你能帮帮我吗?也许您有另一个正确的解决方案?

    谢谢。我希望你能理解我的问题。

    有关更多详细信息的一些具体示例:

    我有一个 title="wrap pt-page-1" 的元素,另一个 title="wrap pt-page-2 " 的元素,依此类推。脚本应该在 wrapAll 之后找到带有 [title*='wrap'] 的元素,并且将来 div 将具有 class="pt-page pt-page-2 (or pt-page-1)"。所以pt -page-2必须从标题返回(它是换行后的第二个单词)。

    0 投票
    1 回答
    259 浏览

    javascript - wrapAll 和 andSelf 不包装 self 元素

    我正在使用下面的代码:

    它包装了所有元素,但不包括.graph-img当前引用的 this。任何想法为什么?

    0 投票
    3 回答
    1295 浏览

    jquery - jquery :not(:first-child) wrapAll() 每个 div

    我想选择除该类的 div 中的第一个元素之外的所有元素。

    当前的 HTML:

    我尝试使用 wrap all:

    此函数正确选择除第一个元素之外的所有元素,但将它们全部移动到第一个 div 中。

    我想要这样:

    不幸的是,我无法编辑 html。先感谢您