Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery在div中包装选定的第n个孩子_Javascript_Jquery_Html_Jquery Selectors - Fatal编程技术网

Javascript 使用jquery在div中包装选定的第n个孩子

Javascript 使用jquery在div中包装选定的第n个孩子,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我试图选择div并使用第n个子元素将它们包装在引导列中 我有: <div class="owl-news"> <div class="item news-v2"> <div class="item news-v2"> <div class="item news-v2"> <div class="item news-v2"> <div class="item news-v2">

我试图选择div并使用第n个子元素将它们包装在引导列中

我有:

<div class="owl-news">
    <div class="item news-v2">
    <div class="item news-v2">
    <div class="item news-v2">
    <div class="item news-v2">
    <div class="item news-v2">
    <div class="item news-v2">
    <div class="item news-v2">
    <div class="item news-v2">
</div>

目前我已经尝试过(因为div有“news-v2”类):

var divs=$(“.owl news>.news-v2”);
对于(变量i=0;i
这将提供以下输出:

 <div class="owl-news">
    <div class="col-md-2">
        <div class="item news-v2">
        <div class="item news-v2">
        <div class="item news-v2">
    </div>
    <div class="col-md-2">
        <div class="item news-v2">
        <div class="item news-v2">
        <div class="item news-v2">
    </div>
    <div class="col-md-2">
        <div class="item news-v2">
        <div class="item news-v2">
    </div>
    </div>

但这只是在col-md-2中每3个div包装一次,我需要特别选择第一个div、下一个div、下一个div和最后一个div。要产生我想要的:

<div class="owl-news">
        <div class="col-md-4">
        <div class="item news-v2"></div>
    </div>
    <div class="col-md-3">
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
    </div>
    <div class="col-md-3">
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
    </div>
    <div class="col-md-2">
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
    </div>
    </div>

不幸的是,由于您想要的格式实际上没有遵循任何模式,因此您可能会做出任意选择

请参阅下面的代码

var divs=$(“.owl news>.news-v2”);
让数组=[
{length:1,num:4},
{length:2,num:3},
{length:2,num:3},
{length:3,num:2}
];
设i=0;
for(数组的let项){
divs.slice(i,i+item.length).wrapAll(``);
i+=项目长度;
}
log($(“.owl news”).html())


如果你不懒惰,那最好。不是显示
等,而是实际显示它们的外观。并写出最终的html结果。我认为编号有助于理解我想要的内容,但公平地说,我已经更新了问题。那么,
I want
是最终结果吗?而
给出以下输出
是您当前的代码输出吗?起始代码是什么样子的?一般来说,我认为最好按以下顺序描述您的问题
我从什么开始
->
我做了什么(以及输出)
->
我想要什么
@A.Lau谢谢你的建议,我已经相应地更新了问题。希望这个helpsAh看起来更好,现在你的问题将更吸引更多的观众
<div class="owl-news">
        <div class="col-md-4">
        <div class="item news-v2"></div>
    </div>
    <div class="col-md-3">
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
    </div>
    <div class="col-md-3">
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
    </div>
    <div class="col-md-2">
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
        <div class="item news-v2"></div>
    </div>
    </div>