如何确定图像是否超链接？

Question

我有一个css类应用于div中的所有链接，类为“linkroll”：

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

$（＆＃39; .linkroll a＆＃39;）。filter（function（）{

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

}）母体（）removeClass（＆＃39; linkroll＆＃39）;

Example fiddle

Answer 3

  

我有一个css类应用于div中的所有链接，类为“linkroll”

这意味着它已经应用了，所以我想现在你想要摆脱那个类：

<强> Live demo

$('.linkroll a > img').closest('div').removeClass('linkroll');