查找不包含<img>的<a class="button">元素

Question

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

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

这是使用CSS设置为一个相当整洁的按钮,上面有一个图标.我使用jQuery来绕过按钮的最左边:

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

这就像一个魅力.现在我也想支持没有图像的按钮,因此应该在两侧都是圆形的.简单地舍入所有按钮的所有边缘都不起作用,因为圆角插件在图标上方绘制.

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

我知道我可以改变按钮的类别,具体取决于它内部是否有图像,但这只是感觉不对.

Answer 1

您可以使用以下选项来选择具有/不具有子图像的锚点

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

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