javascript - Jquery 无法选择链接内的图像

Question

我正在尝试选择链接内的图像。

JQUERY:

$('#selskaber img').hover(function () {
    $(this).next().css({'border' : '1px solid #0167B0 !important'});
  }, 
  function () {
    $(this).next().css({'border' : '1px solid #CCCCCC !important'});
  }
);

HTML:

<div id="selskaber">
    <a target="_blank" href="#">
    <img style="border:none;" src="/images.pmg" alt="Telenor">
    </a>
</div>

更新:

我已经删除了 next()。仍然没有添加边框。

我的CSS:

#wrap #selskaber a {border:none;margin-left:10px;display:inline-block !important;
    height: 41px;
    margin-top: 5px;
    width: 150px;}

Answer 1

嗯...你为什么在这里使用 Javascript？

#selskaber a img{
    border:1px solid #ccc;
}

#selkskaber a:hover img{
    border: 1px solid #0167B0;
}

将做完全相同的事情，并且无需 JS 即可兼容 IE6。