jquery - 查找 不包含 的元素

Question

我有以下按钮标记(可以更改，但我真的不想):

<a href="#" class="button">
  Button text
  <img src="someimage.png" />
</a>

这是使用 CSS 设计的，成为一个带有图标的相当简洁的按钮。我正在使用 jQuery 将按钮的最左侧四舍五入:

$('a.button').corner('tl bl 10px');

这就像一个魅力。现在我还想支持没有图像的按钮，因此两侧应该是圆形的。简单地将所有按钮的所有边缘都圆化是行不通的，因为圆 Angular 插件会绘制在图标的顶部。

所以，我特意找一个选择器来选择<a class="button">确实有<img> -子元素，另一个选择<a class="button"> - 没有 <img> 的元素-子元素。这可能吗？

我知道我可以根据按钮内部是否有图像来更改按钮的类，但感觉不对。

Answer 1

您可以使用以下方法选择带/不带子图像的 anchor

$('a.button:has(img)')

$('a.button:not(:has(img))')