0

これはおそらく非常にばかげた質問ですが、各ボタンにカーソルを合わせたときに各ボタンの背景色を挿入する方法がわかりません。現在、最初のボタンの背景色のみを表示しています。

HTML:

<button type="submit" class="btn btn-info">Click Me</button>
<button type="submit" class="btn btn-danger">Hello World!</button>
<button type="submit" class="btn btn-primary">Click Other Button</button>
<button type="submit" class="btn btn-success">Last Button</button>

jQuery:

var prop = $("button").css("background-color");

$("button").hover(function(){
    $("button").each(function(){
        $(this).html(prop);
    });
});

デモ: http://jsfiddle.net/52VtD/377/

前もって感謝します！

4

4 に答える 4

1

このようにできます。

$("button").hover(function(){
    $("button").css("background-color", "red");    
});

編集、ボタンのhtmlとして色を表示したい場合は、次のようにすることができます

ライブデモ

$("button").hover(function(){
     $(this).html($(this).css("background-color")); 
});
于 2013-10-25T18:25:01.547 に答える
1

RGB各ボタンで使用される特定の色の値が必要だと思います。その場合、すべてのボタンでそれを見つける必要がありますが、現在は最初のオプションでのみ取得しているので、これを試してください

$("button").hover(function(){
    $("button").each(function(){
        $(this).html($(this).css("background-color"););
    });
});

JS フィドルのデモ

于 2013-10-25T18:25:32.580 に答える
1

あなたのフィドルに基づいて、各ボタンの色を見たいと思います。ただし、設定propは 1 回だけなので、最初のボタンの色だけが表示されます。this代わりに試してください。

$("button").hover(function(){
    $("button").each(function(){
        $(this).html($(this).css("background-color"));
    });
});
于 2013-10-25T18:30:14.143 に答える