jQuery / css目标nth-child类

Question

<div class="outercontainer">
 <div class="paddedcontainer">

  <div class="pageheader">
   <div class="titlestyle"><h2>Fixed Title1</h2></div>
  </div>
  <div class="row">
   <div class="grouped">
    <div class="col4">
    Some content
    </div>
   </div>
  </div>

  <div class="pageheader">
   <div class="titlestyle"><h2>Fixed Title2</h2></div>
  </div>
  <div class="row">
  Some other content not in a col4 div
  </div>
  <div class="row">
  Some other content not in a col4 div
  </div>


 </div>
</div>

大家好，这是我在这里发表的第一篇文章 - 我为向你提出我的愚蠢问题而道歉，但我很难自己解决这个问题。

我想在div4 div中定位没有它内容的div类'row'。 我已经尝试过使用css nth-child，但这似乎不起作用，我已经看过jQuery .find .has .filter但是我总是最终定位于最高的.r​​ow或没有.row

无论如何我无法改变html，我可以使用的是javascript或css。

请帮忙。

非常感谢，Dazza

Answer 1

尝试

$('.row').not(':has(.col4)')

演示： 小提琴

.not（） ：用于过滤掉传递集中的匹配元素
：has（） ：用于过滤具有与传递的选择器匹配的元素的元素

Answer 2

使用:not()和嵌套:has() ：

var rows = $('.row:not(:has(.col4))');

演示

Answer 3

jQuery的:has和否定:not为了你的目的而组合起来：

var $filtered = $(".row:not(:has(.col4))");

例

Answer 4

这可能适用于您的具体示例：

var rows = $('.row').first().nextAll();