我有一个根据对问题的回答添加 div 容器的过程。用户可以选择在任何时候重新开始。当用户执行此操作时,我想在某个时间点后删除所有容器。例如,这是您在 3 次响应后会看到的内容。
<div id="SolutionAdvisor">
<div id="Col1"><div class="content">some content here</div></div>
<div id="Col2"><div class="content">some content here</div></div>
<div id="Col3"><div class="content">some content here</div></div>
</div>
如果用户决定回到问题 2,我希望看到:
<div id="SolutionAdvisor">
<div id="Col1"><div class="content">some content here</div></div>
<div id="Col2"><div class="content">some content here</div></div>
</div>
我尝试过像这样使用 :gt 索引:
$('#SolutionAdvisor div:gt('+column+')').remove();
也试过:
$('#SolutionAdvisor div:gt('+column+')').each(function(){$(this).remove();});
其中列将是 1。
我看到的是这样的:
<div id="SolutionAdvisor">
<div id="Col1"><div class="content">some content here</div></div>
<div id="Col2"><div class="content">some content here</div></div>
<div id="Col2"><div class="content">some content here</div></div>
</div>
这样做的正确方法是什么?