Как обновить цвет фона кнопки с вычисленным значением при наведении курсора?

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 ответа

1
Лучший ответ

Я думаю, вы хотите этого

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

Пример.

  • 0
    Спасибо, это именно то, что я хотел. Людям не нужно так быстро читать вопрос и поспешно отвечать.
  • 1
    @LivingstonStorm, пожалуйста :-)
1

Основываясь на вашей скрипке, я предполагаю, что вы хотите увидеть цвет каждой кнопки. Но вы только устанавливаете prop один раз, поэтому видите только цвет первой кнопки. Попробуйте this вместо этого.

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

Я думаю, что вы хотите значения RGB определенных цветов, которые используются каждой кнопкой. В этом случае вам нужно найти его для каждой кнопки, но в настоящее время вы извлекаете его только для первого варианта, поэтому попробуйте это

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

Демо-версия Js Fiddle

1

Вы можете сделать это таким образом,

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

Изменить. Если вы хотите показать цвет как html кнопки, вы можете сделать это как

Демо-версия

$("button").hover(function(){
     $(this).html($(this).css("background-color")); 
});
  • 0
    Это не то, что я ищу, пожалуйста, перечитайте вопрос.
  • 1
    @ Ливингстон - Кажется, что это ответ на вопрос, который вы задали. Вы ищете что-то другое, чем вы спросили? Может быть, вопрос требует уточнения.
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню