javascript - 如何计算父 div 中的图像标签列表，然后从某个点删除一些

Question

我正在 div 中通过 <img> 从数据库动态生成一个图像标签 fetching 。我的 html 如下所示:-

 <div class='forimgbox'>

       <p class='palheading'>Pals</p>

       <img src='userpic/2232323.png'  width='80px' height='100px'>
       <img src='userpic/44542.png'  width='80px' height='100px'>   
       <img src='userpic/88282.png'  width='80px' height='100px'>
       <img src='userpic/67788.png'  width='80px' height='100px'>
       <img src='userpic/567886.png'  width='80px' height='100px'>
       <img src='userpic/456788.png'  width='80px' height='100px'>
       <img src='userpic/355667.png'  width='80px' height='100px'>

 </div>

现在我想做的是我想通过使用 jquery 从父 div 中删除一些 <img> 标签。我想让 jquery 像这样工作，它保持 '6' <img> 从顶部开始，然后删除或删除每个 <img>在数据库中的第 6 个 <img> 标签之后生成的标签。我们可以做那个吗？我认为有可能像计算那个父 <img> 的 div 标签的数量，并删除“第 6 个”<img> 标签之后的每个 <img> 标签。请提供帮助。

Answer 1

你可以使用 :gt() 选择器，

$(".forimgbox img:gt(5)").remove();

这是一种基于索引的方法，:gt(5) 选择器将选择索引大于 5 的所有元素。(注意，索引从 0 开始计数)。