Javascript 使用jQuery在内部div的第一行之前追加一个div

我想使用jQuery在一些内部div之前附加一个div。这是我的html结构：

<div id="myCarousel" class="carousel" data-ride="carousel" data-interval="false">  
    <div class="carousel-inner" role="listbox">

        <div class="inner inner_1">1</div>
        <div class="inner inner_2">2</div>
        <div class="inner inner_3">3</div>
        <div class="inner inner_4">4</div>
        <div class="inner inner_5">5</div>
        <div class="inner inner_6">6</div>
    </div>
  </div>

所以如果我们写

var no_first_row_item=countFirstRowItems(".carousel-inner",".inner");

如果窗口宽度大于400px则返回6，如果窗口宽度小于400px则返回3

---

请帮助解决此问题。

您可以使用lt/gt伪选择器

如果要使用

no\u first\u row\u项

值，需要执行以下操作

var no_first_row_item=countFirstRowItems(".carousel-inner",".inner");
 $('.inner').unwrap();
 $('.inner:lt('+no_first_row_item+')').wrapAll('<div class="item active">');
 $('.inner:gt('+(no_first_row_item-1)+')').wrapAll('<div class="item">');

var no_first_row_item=countFirstRowItems（“.carousel-inner”，“.inner”）；
$（'.inner'）.unwrap（）；
$（'.internal:lt（'+no_first_row_item+'））.wrapAll（''）；
$（'.inner:gt（+（no_first_row_item-1）+'））.wrapAll（''）；

或者使用窗口宽度触发页面调整代码

var width = $(window).width();

if(width > 400) {
 $('.inner').unwrap();
 $('.inner').wrapAll('<div class="item active">');
} else {
 $('.inner').unwrap();
  $('.inner:lt(3)').wrapAll('<div class="item active">');
  $('.inner:gt(2)').wrapAll('<div class="item">');
}

var-width=$（窗口）.width（）；
如果（宽度>400）{
$（'.inner'）.unwrap（）；
$（'.inner'）.wrapAll（''）；
}否则{
$（'.inner'）.unwrap（）；
$（'.内部：lt（3）'）。wrapAll（''）；
$（'.内部：gt（2）'）.wrapAll（''）；
}

---

演示：

谢谢你，朋友。但是不使用（宽度>400）是否可以执行此操作。因为我有很多媒体查询，不仅仅是宽度>400。如果我调整了窗口的大小，会发生什么？没有if语句意味着什么？你可以使用countFirstRowItems函数得到的计数值。谢谢你的朋友。但是不使用（宽度>400）是否可以执行此操作。因为我有很多媒体查询，不仅仅是宽度>400。如果我调整了窗口的大小，会发生什么呢？如果有多个断点，请使用case结构，使用演示中的resize事件

var no_first_row_item=countFirstRowItems(".carousel-inner",".inner");

var no_first_row_item=countFirstRowItems(".carousel-inner",".inner");
 $('.inner').unwrap();
 $('.inner:lt('+no_first_row_item+')').wrapAll('<div class="item active">');
 $('.inner:gt('+(no_first_row_item-1)+')').wrapAll('<div class="item">');

var width = $(window).width();

if(width > 400) {
 $('.inner').unwrap();
 $('.inner').wrapAll('<div class="item active">');
} else {
 $('.inner').unwrap();
  $('.inner:lt(3)').wrapAll('<div class="item active">');
  $('.inner:gt(2)').wrapAll('<div class="item">');
}