Это, наверное, очень глупый вопрос, но я не могу понять, как вставить фоновый цвет каждой кнопки при зависании над каждым. В настоящее время он отображает только фоновый цвет первой кнопки.
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/
Заранее спасибо!
Я думаю, вы хотите этого
$("button").hover(function(){
$(this).html($(this).css("background-color"));
});
Основываясь на вашей скрипке, я предполагаю, что вы хотите увидеть цвет каждой кнопки. Но вы только устанавливаете prop
один раз, поэтому видите только цвет первой кнопки. Попробуйте this
вместо этого.
$("button").hover(function(){
$("button").each(function(){
$(this).html($(this).css("background-color"));
});
});
Я думаю, что вы хотите значения RGB
определенных цветов, которые используются каждой кнопкой. В этом случае вам нужно найти его для каждой кнопки, но в настоящее время вы извлекаете его только для первого варианта, поэтому попробуйте это
$("button").hover(function(){
$("button").each(function(){
$(this).html($(this).css("background-color"););
});
});
Вы можете сделать это таким образом,
$("button").hover(function(){
$("button").css("background-color", "red");
});
Изменить. Если вы хотите показать цвет как html кнопки, вы можете сделать это как
$("button").hover(function(){
$(this).html($(this).css("background-color"));
});