Jquery如何从css属性获得特定的css值与堆叠值选项，如font-family

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];

和得到sans-serif:

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

我不知道是否有一个更干净的方法，但这将工作

Answer 2

要获得特定的属性，您可以简单地指向该div/HTML标记并获得内联css属性。这样的:

$("身体"). css("字体大小");

alert($('.text').css('color'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="text" style="color:red">
  Alpha To Delta
</div>

');