查找不包含<img>

Question

我为按钮下面的标记元素（可以改变的，但我真的不希望）：

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

这是病急乱投医使用CSS来成为一个相当整齐的按钮，其上有一个图标。我正在使用jQuery来四舍五入按钮的最左侧：

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

这就像一个魅力。现在我还想支持没有图像的按钮，因此应该在两侧都进行圆角处理。简单地舍入所有按钮的所有边缘将不起作用，因为圆角插件会在图标顶部绘制颜色。

所以，我专门找了一个选择器选择<一类=“按钮”>到确实有< IMG>柴尔德元素，另一个选择<一类=“按钮”> - 不元素具有< img> - 小孩元素。这可能吗？

我知道我可以改变按钮的类，这取决于它里面是否有图像，但这只是感觉不对。

Answer 1

您可以使用下面的选择与/锚没有一个孩子像

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

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

Answer 2

要选择带班的“按钮”包含一个img元素的元素

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

要选择带有“按钮”类别的元素不包含img元素

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

您可能会y为简洁起见，将这些语句合并为一个