如何设置此元素的样式

时间:2013-03-24 11:44:11

标签: jquery

如果元素悬停,我有这个脚本来设置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)也将获得风格。我该怎么做才能只调整正在徘徊的元素,所以不是它的孩子也不是它的父母?我是否必须使用每个()?

1 个答案:

答案 0 :(得分:0)

感谢上帝的工作:

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没有问题:)