选择不在另一个元素内的每个元素

Question

<img src="xxx" alt="xxx" title="xxx">
<div class="buttons">
    <a href="xxx"><img src="xxx" alt="xxx" title="xxx"></a>
</div>

我需要编写一个jQuery选择器，它将仅选择标题属性为.buttons div的图像。我知道要选择带有标题属性的图像，我需要使用以下内容：

$("img[title]")

我知道jQuery中有类似：not（）选择器，但我找不到将它们组合在一起以实现精确结果的方法。

Answer 1

您可以获取结果集，然后使用.not()对其进行过滤，如下所示：

$("img[title]").not(".buttons img")

或者使用:not()在同一个选择器中进行过滤（但在旧浏览器中可能有点慢），如下所示：

$("img[title]:not(.buttons img)")