如何使用jQuery将两个相邻元素包装在包含div中？
要包装两个相邻的元素，请遍历每个myclass，将其添加到array并确定下一个元素具有.myclass。您可以尝试运行以下代码，以了解如何将两个相邻元素包装在一个包含div中-
示例
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
var result = [];
$('.myclass').each(function() {
var box2 = $(this).next().hasClass('myclass');
result.push($(this));
if(!box2)
{
var container = $('<div class="result"></div>');
container.insertBefore(result[0]);
for(x=0;x<result.length;x++)
{
result[x].appendTo(container);
}
result = [];
}
})
})
</script>
</head>
<style>
div.result {
background:#4486EC;
}
</style>
<body>
<p>Demo text</p>
<div class="myclass">...</div>
<div class="myclass">...</div>
<p>This is demo text.</p>
<div class="myclass">...</div>
<div class="myclass">...</div>
</body>
</html>
-
问题内容： 我希望两个div在包装div中彼此相邻。在这种情况下，绿色div的高度应确定包装纸的高度。 我如何通过CSS实现呢？ 问题答案： 浮动一个或两个内部div。 浮动一格： 或者如果您同时浮动两个子元素，则需要鼓励包装器div包含两个浮动子元素，否则它会认为它是空的而不是在它们周围放置边框 浮动两个div：
-
的顺序将与为创建对象选择的顺序相同 允许重复的后续字符串组件并按顺序保留 未定义的行为（其他代码保证没有进入工厂） 在对象实例化之后，没有任何方法可以更改组件列表 我正在编写一个简单的测试，该测试从字符串列表创建并检查它是否可以通过返回相同的列表。我立即这样做，但这应该发生在一个现实的代码路径的远处。 这里是我的尝试： null null
-
我一直在尝试将一个html网站移植到Gatsbyjs并做出反应。在构建header Comparement时，我在带有的行中得到一个错误“相邻的JSX元素必须包装在一个封闭的标记中”。我想不出这个问题，请你帮忙。我使用有状态组件构建它的原因是，稍后我将向它添加一些额外的功能。 这是我的代码：
-
我试着将两个div并排放置，两个div之间的间距为20px。div在包装内，宽度为800px。左div是250px，右div是550px，但当然，如果我在它们之间加上20px的边距，总宽度将增加到800px以上。有没有办法强制右div宽度为550px-20px的余量？ CSS 超文本标记语言 我的意思是我必须手动减小宽度还是有更好的解决方案？ jsfiddle：https://jsfiddle.n
-
问题内容： 我编写了以下HTML，试图将两个div彼此居中。 但是，我编写的代码导致两个div一直向左浮动。正确执行的操作是并排浮动两个div。 我需要更改以使两个div并排居中吗？ 问题答案： 您将必须自动为包装div设置边距，并可能设置一个特定的宽度 在您的CSS中：
-
问题内容： 语境 我正在为该类编写一个简单的 JUnit 测试。 阿可以从静态工厂方法，需要一个可变参数的创建 字符串 。 在的存在期间的任何时间，客户端可以检查它通过在的形式创建的参数 列表 ，通过方法。 换句话说，a 既记住并公开了使之成为现实的参数列表。有关此合同的更多详细信息： 的顺序将与为对象创建选择的顺序相同 允许重复的后续 String 组件并按顺序保留 行为未定义（其他代码保证没有
-
问题内容： 我要两个紧挨着。右边大约200px；并且左侧必须填满屏幕的其余宽度？我怎样才能做到这一点？ 问题答案： 您可以使用 flexbox 布置物品： 这基本上只是刮擦flexbox的表面。Flexbox可以做很多令人惊奇的事情。 对于较旧的浏览器支持，可以使用CSS float 和 width 属性来解决它。
-
我为代码的质量提前道歉。当我尝试将html代码放入gatsby.js项目的index.js页面中时，我遇到以下错误： ./src/components/section3.js模块构建失败时出错（来自./node_modules/gatsby/dist/utils/babel loader.js）：SyntaxError:/path/src/components/section3.js：相邻的JSX