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>

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

我想将目标不在col4 div中的div类'row'作为目标。我已经尝试过使用css nth-child，但这似乎不起作用，我看了jQuery .find .has .filter但我总是最终定位于.row中最高的.row

我无论如何都无法更改html，我只能使用javascript或css。

请帮忙。

非常感谢， Dazza

Answer 1

尝试

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

演示：Fiddle

.not()：用于从传递的集合中过滤出匹配的元素 :has()：用于过滤具有与传递的选择器匹配的元素的元素

Answer 2

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

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

Demo

Answer 3

jQuery的:has和否定:not将结合起来用于您的目的：

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

Example

Answer 4

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

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

jQuery / css目标nth-child类

4 个答案: