1

要素がホバーされている場合、ボックスシャドウを設定するこのスクリプトがあります。親のスタイルも同時に削除する必要があります。

  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() を使用する必要がありますか?

4

1 に答える 1

0

神のおかげでうまくいきました：

Jsフィドル

  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は問題ありません:)

于 2013-03-24T13:03:46.413 に答える