Jquery 如何从具有堆叠值选项（例如 font-family）的 css 属性中获取特定的 css 值

Question

有没有办法从 Jquery 的 css 属性值堆栈中获取第一个或任何其他特定值项？

body {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.

var firstFontOption = $('body').css('font-family') //How can I store only "Calibri" referencing the above?

var secondFontOption = $('body').css('font-family') //How can I store only "Arial" referencing the above?

我只$('body').css('font-family')显示了所有值“Calibri、Arial、Helvetica、sans-serif”。Jquery 是否有第一个、第二个或其他 css 值选择器？

Answer 1

你可以做的是像这样拆分字符串：

 $('body').css('font-family').split(",");

那应该给你一个字符串数组：

 ["Calibri", "Arial", "Helvetica", "sans-serif"]

然后，您可以通过索引访问此数组以获取 Calibri：

 $('body').css('font-family').split(",")[0];

并获得无衬线字体：

 $('body').css('font-family').split(",")[3];

我不知道是否有更清洁的方法，但这会起作用