如何从具有相同类的元素列表中管理X元素

Question

我有这些元素：

<div class="container">
    <div class="myTarget">a</div>
    <div class="notMyTarget">b</div>
    <div class="myTarget">c</div>
    <div class="notMyTarget">d</div>
    <div class="myTarget">e</div>
    <div class="myTarget">f</div>
    <div class="notMyTarget">g</div>
    <div class="myTarget">h</div>
    <div class="notMyTarget">i</div>
    <div class="notMyTarget">j</div>
    <div class="myTarget">k</div>
    <div class="myTarget">l</div>
    <div class="notMyTarget">m</div>
    <div class="myTarget">n</div>
    <div class="myTarget">o</div>
</div>

我想删除（例如）myTarget的集合div的4°元素，它们是container的子元素。所以在这种情况下，我想删除f。

在jQuery上执行此操作的最佳方式是什么？ .index（）可以帮忙吗？

Answer 1

使用（零索引）:eq() selector：

$('.container .myTarget:eq(3)').remove();

从0开始向上计数，3表示第四个.myTarget元素。

Answer 2

$('.container div').eq(5).remove()

其中5是索引。

Answer 3

试试这个

$(".container").find(".myTarget:eq(3)").remove();

Answer 4

使用eq选择器：

$('.container .myTarget:eq(3)').remove();