javascript - 画像がハイパーリンクされているかどうかを判断する方法は?

Question

クラス「linkroll」を持つdiv内のすべてのリンクに適用されるcssクラスがあります。

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');

フィドルの例

Answer 2

クラス「linkroll」を持つdiv内のすべてのリンクにCSSクラスが適用されています

つまり、すでに適用されているので、そのクラスを削除したいと思います。

ライブデモ

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

Answer 3

$('.linkroll a').filter(function() {

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

}).parent().removeClass('リンクロール');

フィドルの例