如何设置此元素的样式

Question

如果元素被悬停，我有这个脚本来设置box-shadow。它还应该同时删除父样式：

  var on = {
    boxShadow : "inset 0px 0px 0px 1px  #f80"
  };

  var out = {
    boxShadow : "inset 0px 0px 0px 0px  #f80"
  };

$('body *').hover(function(e) {
  $(this).css(out);
  $(this).css(on); 
  e.stopPropagation();
}, function() {
  $(this).parent().css(out);
  $(this).css(out);
});

如果您查看此示例JsFiddle，您将看到，如果您悬停跨度，它的父对象(p)也将获得该样式。我该怎么做才能只设置悬停的元素的样式，而不是它的子元素或父元素的样式？我必须使用each()吗？

Answer 1

感谢上帝让它工作起来：

JsFiddle

  var on = { boxShadow : "inset 0px 0px 0px 1px  #f80" };

  var out = { boxShadow : "inset 0px 0px 0px 0px  #f80" };

$('body *').hover(function(e) {
    $(this).parents().css(out);
  $(this).css(on); 
  e.stopPropagation();
}, function() {
  $(this).parent().css(out);
  $(this).css(out);
    $(this).parent().css(on);
});

你看@adeneo没有问题：)