Jquery 在.hover（）上加载按钮，但为每个子元素动态加载

我有一个HTML

让它充满活力。我想我可以用像这样的东西

$(aside).children(span)

但是它不起作用。
你可以用纯CSS来实现这一点

此CSS与现有HTML一起使用。注意底部的样式，在悬停时更改子元素的可见性

.btnAddPlayer {
  visibility: hidden;
  background: #4ad934;
  background-image: -webkit-linear-gradient(top, #4ad934, #37ab26);
  background-image: -moz-linear-gradient(top, #4ad934, #37ab26);
  background-image: -ms-linear-gradient(top, #4ad934, #37ab26);
  background-image: -o-linear-gradient(top, #4ad934, #37ab26);
  background-image: linear-gradient(to bottom, #4ad934, #37ab26);
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
}
.goalkeeper:hover span.btnAddPlayer {
    visibility: visible;
}

和最新的小提琴：

请在问题本身中添加一个您试图实现的目标，而不是第三方网站。另外，更具体地说什么“不起作用”。现在这是一个令人沮丧的问题。你的小提琴正在按你的预期工作。只需将jQuery添加到其中。添加jQuery后查看您的小提琴：哇，太棒了：）谢谢！我不知道有这么多css的可能性。。。我也可以这样做：。防御者：悬停，。守门员：悬停跨度。btnAddPlayer{visibility:visible；}实现多个a类悬停效果？是的，你可以！如果你知道风格应该是一样的，那真是一件很棒的事情！