Javascript 将样式应用于父div

我有以下html：

<div class="um-field field-date">
  <p class="form-row " id="date_field">
    <label class="date">
      <input data-label="Date" data-value="" type="date" class="input-date um-frontend-field um-hide-field" name="date_1521080645" id="date_1521080645"> Date
    </label>
  </p>
</div>

---

要隐藏整个分区，如父分区附近的分区。

给定当前规范，无法选择“具有此选择器的子分区的父分区”。如果

：has

进入标准，您可以执行以下操作

.um字段：具有（.um隐藏字段）

---

但它仍在开发中，浏览器不支持它。

根据当前的规范，不可能选择“使用此选择器具有子对象的父对象”。如果

：has

进入标准，您可以执行以下操作

.um字段：具有（.um隐藏字段）

---

但它仍在开发中，浏览器不支持它。

请尝试以下代码进行上述查询：

um-field field-date > div > div
    {
        display:none;
    }

---

请为上述查询尝试以下代码：

um-field field-date > div > div
    {
        display:none;
    }

---

使用jquery：如果子级包含类

。um hide field

$(".um-field .um-hide-field").parents('div.um-field').hide();

---

使用jquery：如果子级包含类

。um hide field

$(".um-field .um-hide-field").parents('div.um-field').hide();

---

您可以使用javascript来实现这一点……尝试使用

parentNode

javascript

var hide=document.querySelectorAll（“.um hide field”）；
数组.from（隐藏）.forEach（函数（elem）{
var div=elem.parentNode.parentNode.parentNode；
div.style.display=“无”；
})

日期1


日期2


日期3

您可以使用javascript获取此信息……尝试使用

parentNode

javascript

var hide=document.querySelectorAll（“.um hide field”）；
数组.from（隐藏）.forEach（函数（elem）{
var div=elem.parentNode.parentNode.parentNode；
div.style.display=“无”；
})

日期1


日期2


日期3

在什么类型的事件之后要隐藏父类。@karthik如果存在动态生成的class um隐藏字段。在什么类型的事件之后要隐藏父类。@karthik如果存在动态生成的class um隐藏字段。