小编Nef*_*fri的帖子

我想在表格单元格中选择一个图像来添加一些添加样式.HTML代码由sharepoint生成,因此图片上没有id/class,我无法编辑它.我不知道如何通过css或javascript选择它.

我想要选择的图片上方的下一课:

<td class="ms-rteTableEvenCol-0" style="width:25%;">?
  <a href="/cs/supplyhub/Plants/Forms/AllItems.aspx">
    <img src="/cs/supplyhub/SiteAssets/Picture21.png" 
         alt="Picture21.png" style="margin:5px;width:200px;height:133px;">
  </a>
  <br>
</td>

我读了很多关于选择器的话题,但是我没有按照我的情况实现它们,所以请帮我一把.目标是添加一些鼠标悬停效果来表示图片作为按钮工作.

我有一个由Sharepoint生成的HTML.我添加了一张桌子和几张图片,我想添加.hover到一个选定的图像.经过长时间的痛苦,我可以通过使用选择图像.querySelector,但如果我尝试:

    $(document).ready(function ()
    {
      document.querySelector('.ms-rteTableEvenCol-0 > a > img').hover(function ()
      {
        $(this).css('opacity', '.3');
      }, function ()
      {
      $(this).css('opacity', '1');
      });
    });

我得到"Uncaught TypeError:document.querySelector(...).hover不是函数".我添加了Jquery,这不是原因.(大多数相关主题建议添加它)

如果我尝试.onmouseover:

$(document).ready(function ()
{
  document.querySelector('.ms-rteTableEvenCol-0 > a > img').onmouseover = function()
  {
   $(this).css('opacity', '.3');
  }
});

这是有效的,但效果是永久性的,因此即使鼠标离开图像,透明度仍保持30%.所以我想使用.hover,但我没有经验,所以我不知道可能是什么问题,请帮我一把.