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')显示所有值“宋体，宋体，黑体，无衬线”。 Jquery是否有第一个，第二个或其他css值选择器？

Answer 1

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

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

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

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

然后，您可以通过索引来访问这个数组所以要得到宋体：

​​3210

并获得无衬线：

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

我不知道是否有一个更清洁的方式，但是这将工作

Answer 2

为了得到你可以简单地指向DIV/HTML标签，并得到内嵌CSS属性的特定属性。像这样：

$（'body'）.css（'font-size'）;

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>

“）;