(function() {
  $('#main').find('a').each(function(){
    if($(this).children('img'))
      $(this).css('border', 'none');
  });
})();

リンクを貼っているのがテキストの場合には下線を引きたいけど、画像の場合には下線を引かないようにしたいと言う場合にCSSで何とかならないかと試行錯誤したけど無理そうだったのでjQueryで。勉強がてら。


参考書を手に組み立てると上みたいになるんだけどなんか無駄が多い気がする…


継続審議。


修正(2011/11/29)

上手く動いてませんでした。次のように修正。

(function() {
  $('#main').find('a').each(function(){
    $(this).children('img')).parent().css('border', 'none');
  });
})();