通过javascript或jquery删除特定div索引之后的任何子元素

我有这个html集合，如果我点击任何div类“.sday” 删除后出现的任何其他div

例如，如果我们点击sday 2，我们应该保留sday 1和sday 2，而3和4必须删除

我的脚本删除计数正常，但它删除了错误的div

有什么想法吗

<div id="parent" class="parent">
    <div class="room-sheet">
      <div class="sday">1</div>
    </div>
    <div class="room-sheet">
      <div class="sday">2</div>
    </div>
    <div class="room-sheet">
      <div class="sday">3</div>
    </div>
    <div class="room-sheet">
      <div class="sday">4</div>
    </div>
</div>

1.
2.
3.
4.

脚本（使用jquery）

$（“.sday”）。单击（函数（）{
console.log（“你好”）；
var parentElement=$（this.parent（）.parent（）.find（'.room sheet'）；
var parentChilderCount=$（this）.parent（）.parent（）.find（'.room sheet'）.length；
var elementIndex=$（this）.closest（'.room sheet'）.index（）；
var dd=ParentChilderCount-elementIndex；
for（设i=elementIndex；i

将当前编号和最大编号保存在变量中，然后循环使用，确保不删除单击的编号：

$(".sday").on("click", function() {
  let start = parseInt($(this).text());
  let finish = parseInt($(".sday").last().text());
  for (let i = start + 1; i <= finish; i++) {
    $(`.sday:conatins(${i})`).remove();
  }
});

$（“.sday”）。在（“单击”，函数（）{
让start=parseInt（$（this.text（））；
让finish=parseInt（$（“.sday”）.last（）.text（）；
对于（让i=start+1；i保存变量中的当前数字和最大数字，然后只对它们进行迭代，确保不删除单击的数字：

$(".sday").on("click", function() {
  let start = parseInt($(this).text());
  let finish = parseInt($(".sday").last().text());
  for (let i = start + 1; i <= finish; i++) {
    $(`.sday:conatins(${i})`).remove();
  }
});

$（“.sday”）。在（“单击”，函数（）{
让start=parseInt（$（this.text（））；
让finish=parseInt（$（“.sday”）.last（）.text（）；
对于（让i=start+1；i侦听父对象上的
.sday
上的单击，导航到所单击的
.sday
（a
.room sheet
）的父对象，调用
nextAll
获取所有后续同级，并
.remove（）
它们：


$（“#父项”）。在（'click'，'sday'，函数（）上{
$（this.parent（）.nextAll（）.remove（）；
})

1.
2.
3.
4.
在父对象上收听
.sday
上的单击，导航到所单击的
.sday
（a
.room sheet
）的父对象，调用
下一步
获取所有后续同级，并
.remove（）
它们：


$（“#父项”）。在（'click'，'sday'，函数（）上{
$（this.parent（）.nextAll（）.remove（）；
})

1.
2.
3.
4.
nice EXPLATION+1表示js方式nice EXPLATION+1表示js方式