jquery - 获取元素的背景颜色并将其设置为其他元素的边框颜色

Question

我想获取 bootstrap 主 btn 的实际颜色，并将其设置为另一个元素的边框颜色(它应该是灵活的，所以使用哪个 bootstrap 主题并不重要)。

目前我的代码是这样的:

var primarycolor = $(".primary").css("background-color");
$(document).ready(function() {
    $(".btn-breadcrumb .btn:not(:last-child):after").css("border-left", "10px solid " + primarycolor + "!important");
});

但它不起作用。谁能告诉我为什么？

Answer 1

考虑这段代码:

$(document).ready(function() {
    var primarycolor = $(".primary").css("background-color");//getting color after document loaded
    $(".btn-breadcrumb .btn:not(:last-child):after").css("border-left", "10px solid " + primarycolor + "!important");
});