查找不包含<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爲簡潔起見，將這些語句合併爲一個