Tag: wrap

jQuery:如何在div中将标记包装到标记(包括文本节点!)。

我有一个HTML页面,其格式我不能改变,看起来像这样: Lorem ipsum dolor sit ametconsectetuer adipiscing elit. Aenean commodo ligula eget dolor. © Aenean massa Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In enim justo rhoncus ut, imperdiet a, venenatis vitae, justo. Aliquam 1 Aliquam 2 Aliquam 3 问题:使用上面的例子,我需要包含三个“块”中的每一个, 包括 div中的文本节点 。 您会注意到每个“块”都以或元素开头,并以 结尾。 我一直在撞墙试图让它发挥作用。 不幸的是,大多数jQuery函数似乎都“推”了文本节点。 此外,“nextUntil”函数从包装操作中排除第一个选择器,否则看起来它将是完美的解决方案。 一个纯粹的JavaScript解决方案也可以工作,但这个问题似乎就像jQuery本来要解决的那样? 我为任何想要帮助的勇敢的灵魂设立了一个jsFiddle […]

其他元素环绕中心定位div

我正在这个页面上工作。 正如你所看到的,它是一种方形网格布局。 我想知道我是否可以定位一个占据4个方格(中间为2×2)的元素,并让其他元素环绕它,如下所示: _ _ _ _ _ _ _ _ |_|_|_|_|_|_|_|_| |_|_|_|_|_|_|_|_| |_|_|_| |_|_|_| |_|_|_|_ _|_|_|_| |_|_|_|_|_|_|_|_| |_|_|_|_|_|_|_|_| 我想知道这是否可能? 依赖于Javascript(vanilla或jQuery)对于这个项目来说是可以接受的。 感谢您的见解

Jquery IE bizzare问题可能包装问题?

我有一个新网站的自定义hover工具提示。 它工作得很好,直到我们发现它不会在IE中消失 我认为它与live监听器与mouseover和.wrap()命令的组合有关 这是snippit: $(‘.tooltip’).live(‘mouseover’, function() { $this = $(this).wrap(”); … 这是http://jsfiddle.net/HxGtA/8/ 请注意,它适用于chrome / firefox但不适用于IE 似乎无法修复它。

jQuery包含多个独立于level的元素

这是我在stackoverflow上的第一篇文章。 到目前为止,我总能找到答案,但这次我不能。 这是我的DOM结构: 如何将2个或更多选定的“随机”元素包装到包装容器中? 如果所选元素位于不同级别并且其间存在其他元素,那么这也应该有效。 更新:不应影响所有其他元素的DOM结构。 举几个例子: 例1: 我虽然喜欢这样的东西: var element1 = $(‘#elementB’); var element2 = $(‘#elementE’); ??? $(element1, element2).myWrap(“.wrapper”); ??? 结果应如下所示: 2示例: 元素处于不同的层次。 var element1 = $(‘#elementD’); var element2 = $(‘#elementE’); ??? $(element1, element2).myWrap(“.wrapper”); ??? 结果: 示例3:超过2个元素: var element1 = $(‘#elementD’); var element2 = $(‘#elementC’); var element3 = $(‘#elementA’); ??? $(element1, element2, element3).myWrap(“.wrapper”); ??? […]

我可以围绕数组中的元素集合$ .wrap()吗?

假设我有一系列“项目”,如下所示: Item 1 Item 2 Item 3 Item 4 Item 5 我想循环遍历项目并将包含div的任何具有’group’类的内容包装起来以产生类似这样的内容(分组项目将始终紧挨着彼此): Item 1 Item 2 Item 3 Item 4 Item 5 这是我得到的脚本: var group = []; $(‘.item’).each(function(i, item){ if( $(item).hasClass(‘group’) ) { group.push(item); } }); $(group).wrap(”); 会发生的事情是包装div在数组中分别缠绕在每个元素周围(这是有道理的)但我需要它将所有元素包装在一起。 有什么方法可以做到这一点吗? 这是一个jsFiddle 。 编辑:这个问题有一个更复杂的变化是可能的,这将是这些组中有几个“集合”的情况,每个集合都包含在他们自己的“组”div中。 初始状态: Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 […]

jQuery UI datepicker:如何将datepicker包装在一个新的div中?

我需要将我的日期选择器放在一个新的div中,这将是一个(shadow-)border-div。 我尝试过以下方法: beforeShow: function (input) { $(input).datepicker(“widget”) .find(“.ui-datepicker-header, ui-datepicker-calendar”) .wrapAll(“”); } 但它不起作用。 另外我试图包装整个选择器,但是后边界不是相同的位置,大小等。 有人可以帮帮忙吗?

在文本冒号“:”之前将 之间的不同样式包装到特定文本中?

在我试图解释我的意思之前,我会失去自己的语言,这是我想要实现的一个例子。 现在怎么样: My name: Sietse Country: The Netherlands 我多么喜欢它: My name: Sietse Country: The Netherlands 我的网站上有很多现有内容被标记为第一个示例,但有没有一种方法可以动态选择和设置文本样式,直到LI中的冒号(可能包括),如第二个例子中所示? 请注意,我是jQuery或任何Javascript的绝对初学者。 提前致谢。

jQuery如何将div包装在同一个类元素的多个中

我试图将多个相同的类div包装成div并跳过不具有相同类的div。 .wrap不会将它们组合在一起,而.wrapAll会抛出下面的非类别div。 我一直在试图创建一个替代解决方案,但无济于事。 原版的 Content Content Content Skip in wrap Content Content Content continued… 想要的结果 Content Content Content Skip in wrap Content Content Content

如何在jQuery中包装具有不同类名的DIV标签?

可能重复: 如何将父元素添加到一组段落中? 我在文档中重复了以下HTML块 My first div My second div My first div My second div … 如何用jQuery包装Divs以获得这样的结果HTML … My first div My second div My first div My second div …

Jquery nextUntil包含文本节点

我正在使用nextUntil方法来获取两个元素之间的所有东西。 但是此方法不包括要输出的text nodes 。 它给出了一个像[, , ]这样的数组。 我如何获得包括文本节点在内的所有内容? 谢谢。 这是html代码: — spoiler — dangerous text here — spoiler — safe text here — spoiler — dangerous text here — spoiler — 这是我的愚蠢的js代码: $(‘.content a:contains(“spoiler”).b:even’).each(function(){ $(this).nextUntil(‘.content a:contains(“spoiler”).b’) .wrapAll(”); }); jsfiddle: http : //jsfiddle.net/Lwk97rvq/1/