1 
<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 类“行”。我曾尝试使用 css nth-child 但这似乎不起作用，我查看了 jQuery .find .has .filter 但我最终总是针对最上面的 .row 或没有 .row

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

请帮忙。

非常感谢，达扎

4

4 回答 4

4

尝试

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

演示：小提琴

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

于 2013-06-25T10:15:30.207 回答
0

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

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

演示

于 2013-06-25T10:18:24.433 回答
0

jQuery:has和否定:not将结合起来为您的目的工作：

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

例子

于 2013-06-25T10:18:49.987 回答
-1

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

var rows = $('.row').first().nextAll();
于 2013-06-25T10:21:45.100 回答