Jquery 如何从具有堆叠值选项(例如字体系列)的 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];

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