jQuery删除div中div中的第一个div，只有顶部div具有ID

Question

使用jQuery，如何删除div中div中的第一个div？

HTML结构（不是我生成的，因此我无法更改）是：

<div id="parent">
    <div>
        <div>
            <span class="Label">Label 1</span>
        </div>
        <div class="Value">
            Value 1
        </div>
    </div>
    <div>
        <div>
            <span class="Label">Label 2</span>
        </div>
        <div class="Value">
            Value 2
        </div>
    </div>
    <div>
        <div>
            <span class="Label">Label 3</span>
        </div>
        <div class="Value">
            Value 3
        </div>
    </div>
    <div>
        <div>
            <span class="Label">Label 4</span>
        </div>
        <div class="Value">
            Value 4
        </div>
    </div>
</div>

我希望删除所有包含span（class = Label）的div，但保留div（class = Value）

我尝试过：

jQuery('#parent div > span.Label').find('div').first().remove();

但是那没用

谢谢您的建议！

克里斯

Answer 1

这可以通过多种方式实现。如果您想从div＃parent遍历而不是尝试此操作-

$('#parent').children().find('span.Label').parent().remove();

另一种方法是选择带有Label类的跨度，然后删除其父级-

$('span.Label').parent().remove();