首页 > 解决方案 > 有没有办法通过 JQuery [$('.a').index(1).remove();] 中的索引值删除元素?

问题描述

我想使用 jQuery 通过索引删除一组 HTML 元素。有什么办法可以做到吗?

我尝试了类似于 $('.a').index(1).remove(); 的东西,但它不起作用。

/* This is not the actual code, but sample code */
// HTML Part
<ul>
  <li class="a">Milk</li>
  <li class="a">Tea</li>
  <li class="a">Coffee</li>
</ul>

// jQuery Part

$('.a').index(1).remove();

/* If I want to remove Tea from list using its index value */

标签: jqueryhtml

解决方案


使用eq()代替index()

$('.a').eq(0).remove();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li class="a">Milk</li>
  <li class="a">Tea</li>
  <li class="a">Coffee</li>
</ul>


推荐阅读