使用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方法，它获取/设置前一个元素，它不访问伪元素。

Working JS Fiddle，由Eric提供。

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