jQuery在具有特定类时隐藏两个div之间的div行

Question

<div id="CntWrapper_CntMain_ssm_ctl00_ctl01" class="matrix">
  <div class="CollapseGroup1"></div>
  <div class="row">
    <div class="cell_24">&nbsp;</div>
  </div>
  <div class="row">
    <div class="cell_24">
      <span class="label-passive">text</span>
    </div>
  </div>
  <div class="CollapseGroupClose1"></div>
</div>

我正在尝试操作上面的HTML代码示例。这是实际HTML代码的简化版本。

<script type="text/javascript">
  $(document).ready(function() {
    $('.CollapseGroup1').nextUntil('.CollapseGroupClose1',').css( "display", "none" );
  });
</script>

这个脚本隐藏了所有的div，类'row'位于两个div之间，这两个div被称为崩溃组和崩溃组。

但是，我只想在任何一行包含至少一个类为“label passive”的span时，隐藏类为“Row”的div元素。

<script type="text/javascript">
  $(document).ready(function() {
    $('.CollapseGroup1').nextUntil('.CollapseGroupClose1','div[.label-passive]').css( "display", "none" );
  });
</script>

当存在一个带有被动标签的范围时，仅仅隐藏任何行div是不够的。在这些collapsegroup div之外，可能有一些行包含“label passive”span类，我不想隐藏这些行。

我想隐藏两个collapsegroup标记之间的所有行，即使其中只有一行实际上有一个子span元素的类为“label passive”。

Answer 1

请尝试最近的（）：

$('span.label-passive').closest('div.row').hide();

$(function() {
  $('span.label-passive').closest('div.row').hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="CntWrapper_CntMain_ssm_ctl00_ctl01" class="matrix">
  <div class="CollapseGroup1"></div>
  <div class="row">
    <div class="cell_24">&nbsp;</div>
  </div>
  <div class="row">
    <div class="cell_24">
      <span class="label-passive">text</span>
    </div>
  </div>
  <div class="CollapseGroupClose1"></div>
</div>

Answer 2

您可以简单地尝试以下方法：

$('div.row:has(.label-passive)').hide();

Answer 3

所以，在阅读了你的问题一次之后。。两次特里斯。。我想你需要这样做：（专业提示：尽量让你的问题尽可能简单，如果必须的话，使用伪代码）

$('.label-passive').parents('._row').hide();

如果这不完全是你想要的，请留下评论，我会努力改进答案。

编辑：OP改进了他的问题，改进了答案：

也许这将进一步帮助您：

$('.CollapseGroup1').each(function() {
    if ($(this).find(".label-passive").length != 0)
        $(this).hide();
});