如何確定圖像是否超鏈接？

Question

我有一個CSS類應用到所有鏈接帶班「linkroll」一個div內：

var selector = '.linkroll a'; 

我試圖阻止這個類被添加到div內的任何超鏈接的圖像。我該怎麼做呢？

一樣，我不希望這已應用類：

<div class="linkroll"><a href="#somelink"><img src="someimg.jpg"></a></div> 

var selector = '.linkroll a'; 
// if selector is not image, then do something... 

Answer 1

CSS只能往下走DOM樹，因此基於子元素，只有父母，你不能添加一個類。然而，你可以使用jQuery做一個filter()：

$('.linkroll a').filter(function() { 
    return $(this).children('img').length == 0; 
}).addClass('foo'); 

Example fiddle

Answer 2

$（ 'linkroll一個'）過濾器（函數（）{

return $(this).attr('href'); 

}）父（。 ）.removeClass（ 'linkroll'）;

Example fiddle

Answer 3

我有一個CSS類應用到所有鏈接帶班「linkroll」

這意味着它已經應用於一個div內，所以我現在假設你想擺脫

Live demo

：這個類的