Javascript 使用JQuery删除基于父元素的子元素'；s级

我有一个简单的组织列表，其中唯一的结构差异是一些父div上的类“member”。我想删除一些基于父类的子元素

 <div class="views-row views-row-1 views-row-odd member">
    <div class="views-field views-field-title">
        <span class="field-content"><a href="[Link 1 goes here]">[Name 1 goes here]</a></span>
    </div>

    <div class="views-field views-field-field-phone field-content">
        [Phone 1 goes here]
    </div>

    <div class="views-field views-field-field-email field-content">
        [Email 1 goes here]
    </div>

    <div class="views-field views-field-field-description field-content">
        [Description 1 goes here]
    </div>
</div>

    <div class="views-row views-row-2 views-row-even">
        <div class="views-field views-field-title">
            <span class="field-content"><a href="[Link 2 goes here]">[Name 2 goes here]</a></span>
        </div>

        <div class="views-field views-field-field-phone field-content">
            [Phone 2 goes here]
        </div>

        <div class="views-field views-field-field-email field-content">
            [Email 2 goes here]
        </div>

        <div class=
        "views-field views-field-field-description field-content">
            [Description 2 goes here]
        </div>
    </div>

将正确地勾勒出正确的父母，但我很难瞄准孩子

任何见解都值得赞赏

---

谢谢。

jQuery find应该有帮助：

具体而言：

$(".views-row").not(".member").find(".views-field-field-phone").remove();
$(".views-row").not(".member").find(".views-field-field-email").remove();

---

我想这应该符合你的要求：

$("div.views-row").not(".member").find(".views-field-field-phone, .views-field-field-email").css("color", "red");

编辑：如果要删除，只需在末尾调用remove（）方法，而不是css

$("div.views-row").not(".member").find(".views-field-field-phone, .views-field-field-email").remove();

看看这个jsBin：

---

示例中的嵌套是否正确？您有一个具有类视图行的div，它是具有相同类的另一个div的子级。内部的一个是嵌套的，还是与另一个处于同一级别？j08691，捕捉良好，这是一个复制/粘贴错误。实际站点是正确的。非常感谢。编辑：标记已更正。

$("div.views-row").not(".member").find(".views-field-field-phone, .views-field-field-email").remove();