0

私のHTML

<span class="lead_button">
  <img class="NFButtonLeft" src="/templates/web/images/0.png">
  <button type="submit" class="NFButton" id="cf_ce-submit-button">Send</button>
  <img src="/templates/web/images/0.png" class="NFButtonRight">
</span>

私がやろうとしているのは、 と に呼び出されたクラスを追加したいときhoverです。したがって、最終的な出力は次のようになりますspanNFhimagesbutton

<span class="lead_button">
  <img class="NFButtonLeft NFh" src="/templates/web/images/0.png">
  <button type="submit" class="NFButton NFh" id="cf_ce-submit-button">Send</button>
  <img src="/templates/web/images/0.png" class="NFButtonRight NFh">
</span>

jQueryでこれを達成するにはどうすればよいですか? ありがとうございます。

4

5 に答える 5

1

これはまさにあなたが必要とするものです。

<script>
$(document).ready(function() {
    $('.lead_button').hover(function(){
        $(this).children().each(function(){
            $(this).addClass("NFh");

        });
    });
    $('.lead_button').mouseout(function(){
        $(this).children().each(function(){
            $(this).removeClass("NFh");

        });
    });
});
</script>
<span class="lead_button">
    <img class="NFButtonLeft" src="/templates/web/images/0.png">
    <button type="submit" class="NFButton" id="cf_ce-submit-button">Send</button>
    <img src="/templates/web/images/0.png" class="NFButtonRight">
</span>
于 2012-11-15T06:32:32.920 に答える
0

試す

$(document).ready(function() {
    $('span.lead_button').hover(function() {
        $(this).find('img, button').removeClass('NFH').addClass('NFH');
    });
});​
于 2012-11-15T06:17:51.797 に答える
0 
$("span").hover(function() {
    $(this).children().addClass("NFh");
});
于 2012-11-15T06:18:47.963 に答える
0 
$('.lead_button').hover(
    // Event on Mouse Hover
    function(){
       $(this).find('img').addClass('NFh');
       $(this).find('#cf_ce-submit-button').addClass('NFh');
    }, 
   // Event on Mouse Out
   //function(){
      // Event goes here
   //}
);
于 2012-11-15T06:19:04.997 に答える
0

関数を使用.find()して、スパン内のボタンと画像要素をキャプチャできます。

$('span.lead_button').hover(function(){  
      $(this).find('img, button').addClass('NFH'); 
});

フィドルをチェック

于 2012-11-15T06:20:06.680 に答える