查找隐藏的父元素jQuery

Question

如何使用 jQuery 找到带有display: none 的父元素？

.hidden-one
{
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="hidden-one"> <!-- FIND AND SHOW THIS ONE -->
  <div>...</div>
  <div>...</div>
  <div class="deeper">
    <span class="start-here">Start here</span>
  </div>
  <div>...</div>
</div>

Answer 1

你需要迭代.start-here的所有父母：

$('.start-here').parents().each(function() {
    
    if ($(this).css('display') === 'none')
    {
    	$(this).show();
    }
   
});

.hidden-one
{
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="hidden-one"> <!-- FIND AND SHOW THIS ONE -->
  <div>...</div>
  <div>...</div>
  <div class="deeper">
    <span class="start-here">Start here</span>
  </div>
  <div>...</div>
</div>

此代码也适用于具有style="display: none" 属性的元素。