使用jQuery获取CSS的内容

Question

我有以下CSS

h1:before {
    content: "Chapter " counter(lvl1) "\000d\000a";
    counter-increment: lvl1;
    white-space: pre-wrap;
}
h1 {
    page-break-before: right;
}

和这个HTML

<p>...</p>
<h1>A Title</h1>
<p>...</p>

使用给定的CSS,我得到类似的东西

Chapter 1
A Title

当我尝试使用jQuery获取文本时,我得到"A Title".是否有可能获得"第1章\n标题"？

谢谢

Answer 1

用途getComputedStyle():

$('h1').each(function(){
    console.log(window.getComputedStyle(this,':before').content);
});

before()是用于遍历DOM一个jQuery方法,它获取/设置前述元件,它并不访问伪元素.

工作JS Fiddle,由Eric提供.

虽然有一个不幸的警告,这种方法返回声明中使用的文字字符串content,而不是实际生成的内容.