1

メニューの単一のボタンを構成するいくつかの div があります。jQuery を使用して、個々のセレクターを使用せずに、div をホバー背景画像に更新しようとしています。

$(document).ready(function () {
   $(".menuitem div").on('hover', function () {
      $("div").get(1).css('background-image', 'url("img/header/leftHov.png");');
   });
});

このコードを実行すると、「Object div has no method 'css'」というメッセージが表示されます。ご参考までに、私の HTML は次のようになります。

<div style="width:100px;" class="menuitem">
    <div style="background: url('img/header/leftReg.png');">
    <div style="background:url('img/header/midReg.png');background-repeat:repeat-x;">
    <a href="./about.php" class="menu">About </a>
    <div style="background:url('img/header/rightReg.png');">
</div>
4

1 に答える 1

2

.get()jQueryオブジェクトではなく、DOM要素を提供します。.eq()代わりに使用する必要があります。ただし、すでにイベントを目的のイベントにバインドしているため、div次を使用するだけです$(this)。

$(this).css('background-image', 'url("img/header/leftHov.png")');
于 2012-08-26T21:38:40.987 に答える