jQuery-如何定位“第一”行“无”属性

Question

我正尝试在特定的<h2>上放置特殊样式，如下图所示：

这要求只能定位没有“样式”属性的“仅第一个”父.views-row div对象。我很想只使用CSS，但是我认为我必须在这里使用jQuery ...但是即使那样，这有可能吗？

Answer 1

使用:not()修饰符和:first修饰符。

$(".views-row:not([style]):first h2").css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="views-row" style="background-color: blue;"><h2></h2></div>
<div class="views-row" style="background-color: yellow;"><h2>Div 2</h2></div>
<div class="views-row"><h2>Div 3</h2></div>
<div class="views-row" style="background-color: yellow;"><h2>Div 4</h2></div>
<div class="views-row" style="background-color: blue;"><h2>Div 5</h2></div>
<div class="views-row" style="background-color: yellow;"><h2>Div 6</h2></div>

Answer 2

尝试$('div.views-row:not([style]):first h2')。

这将使您每个 h2进入第一个.views-row，并且没有style属性。

如果只需要第一个h2，只需像在:first之前一样添加$('div.views-row:not([style]):first h2:first')过滤器。