Javascript 如果子跨度具有类,则显示父DIV

Javascript 如果子跨度具有类,则显示父DIV,javascript,jquery,html,Javascript,Jquery,Html,我想弄明白为什么这不起作用。我有一个div,如果它有一个或多个span子级且其类为.requiredError,我希望将其打开 看 您不需要if语句 相反,使用一个选择器将它们作为目标。这样做的好处是您不必向上导航到parent,因为上下文将是具有这些跨度的父div $(文档).ready(函数(){ $('div.more-content:has(.requiredrorr')。fadeIn(0); }); 状态:*必填字段 打开 您可以找到目标元素,然后使用.closest()找到目标祖

我想弄明白为什么这不起作用。我有一个
div
,如果它有一个或多个
span
子级且其类为
.requiredError
,我希望将其打开


您不需要
if
语句

相反,使用一个选择器将它们作为目标。这样做的好处是您不必向上导航到parent,因为上下文将是具有这些跨度的父div

$(文档).ready(函数(){
$('div.more-content:has(.requiredrorr')。fadeIn(0);
});

状态:*必填字段
打开

您可以找到目标元素,然后使用.closest()找到目标祖先元素

$(文档).ready(函数(){
$('.requiredError')。最近('.more content')。fadeIn(0);
});

状态:*必填字段
打开
<div class="more-content" style="display:none;">
    <div class="col-xs-5 form-group">
        <label for="dua-status">
            Status: 
            <span class="required">*</span> 
            <span class="requiredError">Required Field</span>
        </label>
        <select id="dua-status">
            <option>Open</option>
        </select>
    </div>
</div>