0

カーソルを合わせたときに、divのスパンテキストを切り替えようとしています。この関数をそれぞれ独自のテキストを持つ多数の div で機能させたいので、各 div の ID を作成しましたが、それらはクラス .square を共有します。$('span",this).toggleandを含む複数のバリエーションを試し$(this).children().toggle();ましたが、何も機能していないようです。例を自分のコードに翻訳するときに見逃した小さなものがあると確信していますが、一生わからないものがあります。助けてくれてありがとう。

現在、私のコードは次のようになっています。

HTML

<div id="B1" class="square">
    <span class="details">This is square 1</span>
</div>
<div id="B2" class="square">
    <span class="details">This is square 2</span>
</div>

CSS

  .square{
height:100px;
width:100px;
background-color:#0AA0AB;
color:#FFFFFF;
cursor:pointer;
text-align:center;
margin-left:10px;
display:inline-block;
}

jQuery

    $('.square').hover(function() {
    $(this).children().toggle();
});
4

3 に答える 3

1

これを試して：

$('.square').hover(function () {
    $(this).children('.details').toggle();
}, function () {
    $(this).children('.details').toggle();
});

デモはこちら

于 2013-04-10T14:47:35.610 に答える